несколько страниц приложения и vuejs

Question

Я пытаюсь использовать vuejs в многостраничном приложении, скажем, у меня есть две страницы:

/ home и / account, я создал два js-файла, home.js и account.js, home.js включен в home.html, а account.js включен в account.html, это работает довольно хорошо, пока я не начал чтобы использовать webpack 4, webpack объединяет файлы в один main.js, как работать с одним main.js в моем случае использования? спасибо

Answer 1

Вы можете взглянуть на этот шаблон в качестве примера или отправной точки. Идея одна и та же, независимо от технологии бэкэнда.

https://github.com/danijelh/aspnetcore-vue-typescript-template

Вы можете создавать модули для страниц, которые вы хотите улучшить с помощью Vue, и импортировать пакет. Есть также средняя статья для более подробной информации:)

Answer 2

Вы должны иметь более 1 экземпляра Vue, например, для home.js:

new Vue({
    el: '#home'
    ...

и для account.js:

new Vue({
    el: '#account'
    ...

, а затем просто оберните содержимое home.html с id = "home" и оберните содержимое account.html с id = "account"