vuejs и laravel-vuejs не видят изменений в компонентах

Question

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

mix.js ('resources / assets / js / app.js', 'public / js') .extract ([ 'вю'])

в моем html-файле:

<script src="/js/manifest.js"></script> 
 <script src="/js/vendor.js"></script>  
<script src="/js/app.js"></script>

команды: Npm Run Dev npm run watch

Answer 1

У меня была та же проблема, и я боролся в течение нескольких дней, проблема в конфигурации веб-пакета: это то, что сработало для меня, но позаботьтесь об удалении хоста, если вы не работаете с Laravel Homestead, если вы просто оставите все как есть и измените значение прокси на локальный URL вашего сайта.

mix.js('resources/js/app.js', 'public/js').sass('resources/sass/app.scss', 'public/css')
.browserSync({
host: '192.168.10.10',
proxy: 'mysite.test',
open: false,
files: [
    'app/**/*.php',
    'resources/views/**/*.php',
    'resources/js/**/*.vue',
    'packages/mixdinternet/frontend/src/**/*.php',
    'public/js/**/*.js',
    'public/css/**/*.css'
],
watchOptions: {
    usePolling: true,
    interval: 500
}
});

Примечание: я думаю, что это была ошибка в NMP, но когда я впервые протестировал этот конфиг, он не работал. Что я сделал, чтобы удалить часть опроса, побежал npm watch-poll, остановите просмотр, а затем снова добавьте настройки опроса и просто запустите npm run watch и работайте как чудо!

EDIT

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

Надеюсь, это поможет!

-Hugo

Answer 2

Вам просто нужно запустить команду в свой терминал:

  npm install
  npm run dev
  npm run watch

и будет постоянно видеть изменения:)

Answer 3

Вы хотите узнать, как сделать одностраничное приложение (SPA) , которое не обновляет страницу, а обновляет содержимое в соответствии с маршрутом. https://laravel -news.com / с использованием Вей-маршрутизатор-Laravel

Вам нужно научиться vue , vue-router сделать SPA. когда вы приобретете некоторый опыт, изучите также Vuex .