Question

我是vuejs的新手，并且在laravel中使用vuejs 这正在工作并显示组件，但刷新后在没有刷新页面的情况下如何查看更改？这些是我所做的在Webpack中：

mix.js（'资源/资产/js/app.js'，'公共/ js'） .extract（['vue']）

在我的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

您想学习如何制作单页应用程序（SPA），该应用程序不会刷新页面而是根据路线更新内容。 https://laravel-news.com/using-vue-router-laravel

您必须学习vue，vue-router才能制作SPA。当您获得一些经验时，还请学习Vuex。

Answer 2

我只是遇到了同样的问题，苦苦挣扎了几天，问题是webpack混合配置：这对我来说很有效，但是请小心删除主机，以防您不与Laravel Homestead合作，如果您保持原样，然后将代理值更改为您的网站本地网址。

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并像超级按钮一样工作！

编辑

顺便说一句，此配置存在一个小问题，您必须保存两次以供浏览器查看更改

希望有帮助！

-雨果

Answer 3

您只需要在终端中运行命令即可

  npm install
  npm run dev
  npm run watch

，并且会不断看到变化：）

vuejs和laravel-vuejs看不到组件的变化

3 个答案: