為什么vue在Laravel中的行為與獨立vue應用不同？

Question

我不知道為什么Vue在Laravel上的行為不同於獨立的Vue應用程序。 也許我無法理解其正常工作所需的環境。 這就是正在發生的事情，這使我提出了這個問題。

vue init webpack vueapp ，當我安裝獨立的Vue應用程序時，當我使用vue init webpack vueapp將其安裝在完全不同的目錄中時，它會vue init webpack vueapp工作。 當我更新.vue文件中的任何內容時，它也會在瀏覽器中更新，這在我腦海中是預期的行為，或者可能是因為我正在使用npm run dev在開發環境中執行它。

但是，當我將Vue與laravel一起使用時，我可以加載模塊，並且可以在瀏覽器中看到加載的模塊，但是當我更新某個組件時，它不會在瀏覽器中更新！ 只是沒有。 每次更新組件文件中的標記時，我都必須重新加載頁面。

另外，當我使用Laravel在vue應用程序中執行npm run dev時，它不會像在獨立vue應用程序中那樣接管終端。 顯而易見，因為我們無法在同一開發環境中執行vue以及laravel，因為vue使用nodejs使用端口8080，而apache使用端口80。

我不知道自己在想什么，但是最近幾天一直在吃我的頭。 我瀏覽了互聯網上幾乎所有的教程以及所有可用的StackOverflow問題，但是我還是聽不懂！ 我認為這是正常的行為，但由於我是vue.js的新手，所以對vue.js的經驗較少。

任何幫助，將不勝感激！

Answer 1

您的意思是對的，這就是事實。

但是您可以使用laravel隨附的庫來完成該任務。 第一。

添加.browserSync(); 到您的webpack.mix.js

代替npm run dev使用npm run watch 。 這將幫助您不刷新。

這就是您產生相同效果的方式。 希望不多。