laravel-5 - Laravel Example.vue 未更新

Question

我正在尝试弄清楚如何在 Laravel 5 项目中使用 Vue。基本 Laravel 安装附带了 app.js 和 Example.vue。我能够拥有“我是一个示例组件!”通过添加到 home.blade.php 来显示在我的 View 中。让我感到困惑的是，除了其他问题之外，我根本无法更改这个组件。

如果我更改Example.vue中的文本(仅在模板部分，而不是逻辑)，它根本不会更新。 (我尝试按照 Laravel 文档等运行 npm run dev ，它似乎编译没有错误，并且/public/js/app.js 当时被修改，但浏览器中的 View 没有改变。 )

当我修改 app.blade.php 时，这些更改就会显示出来，就像 home.blade.php 中的更改一样。但是，我找不到证据表明更改/resources/assets/js/app.js 或 Example.vue 的内容有任何效果。更令人困惑的是，如果我从 app.blade.php div 元素中删除 id="app"，这不会导致示例组件消失。根据对 vue jsfiddle 的使用，这似乎应该会破坏该组件。

我不确定这是某种缓存问题，还是编译问题，或者我不理解 vue 的工作方式，或者什么，但我不知道出了什么问题。我直接使用 laravel 安装中的 webpack.mix.js 文件，并尝试停止并重新启动 vagrant，然后重新加载浏览器和 php artisan cache:clear。 (之前我尝试使用 Elixir 而不是 Mix，还有 vueify 和 gulp，同样的问题。)

如有任何建议，我们将不胜感激!

Answer 1

您是否尝试从浏览器(F12)打开控制台，然后转到网络并检查和取消选中禁用缓存，然后重新加载页面。您的浏览器使用旧存储文件的东西。