Laravel 5 Laravel 5和Vue JS空白页 我试图在我的LaaLeVE 5应用程序上使用VUE JS，它给了我一个空白页，当我使用 V-< /强> new Vue({ el: '#vApp', data: { todos: [ { text: 'Learn JavaScript' }, { text: 'Learn Vue' }, { text: 'Build something awesome' } ], message: "Welcome" }, delimiters: ["%%","%%"] });

如果我只是将消息打印到blade view页面，效果会很好

<div id="vApp">%% message %%</div>

%%消息%%

当我尝试使用

 <li v-for="todo in todos">
      %% todo.text %%
 </li>

%%todo.text%%

或

---

给我空白页

< p>你用VApp包好了内容吗？ 像这样：

<div id="vApp">
    <li v-for="todo in todos">
        %% todo.text %%
    </li>
</div>

%%todo.text%%

NPM包导出的默认生成是仅运行时生成。它不会带来模板编译器。因此，您需要在javascript中导入vue的完整构建版本，或者创建一个webpack别名（如果您使用的是webpack）

使用渲染函数或单个文件组件定义模板时，不会出现此问题

注:

如果您不希望支持较旧的浏览器，如果您不使用最新的ES功能，并且如果您不使用单文件组件，则不需要

vue loader

还要注意，您必须在HTML

这将有助于：

//网页包
module.exports={
模式：“生产”，
条目：[“/”app.js“]，
输出：{filename:“./app.min.js”}，
解析：{alias:{vue:{vue/dist/vue.js}}，
模块：{
规则：[
{
测试：/\.js$/,，
加载器：“巴别塔加载器”
},
{
测试：/\.vue$/,，
使用：“vue加载程序”
}
]
}
};

//app.js
从“Vue”导入Vue；
//从“Vue/dist/Vue.js”导入Vue；
window.app=新的Vue({
el:“应用程序”，
数据：{
待办事项：[
{text:“学习JavaScript”}，
{文本：“学习Vue”}，
{文本：“构建一些很棒的东西”}
],
信息：“欢迎”
},
分隔符：[“%”、“%%”]
});

%%消息%%


%%todo.text%%

是的，我仍然尝试空白页，即使在输入中，如果我删除“V -”页内容显示。如果我把它加回去，它会变成空白。您确实更改了分隔符（默认值{{}->%%%），请尝试一下这个
%%todo.text%%
Hi，@muthamizhchelvan-v您能分享整个代码吗？下面是上面代码的代码笔，运行良好。开发人员控制台中有错误消息吗？开发人员控制台中没有错误
<div id="vApp">
    <li v-for="todo in todos">
        %% todo.text %%
    </li>
</div>