Vue未定义

作者: 离线请留言
发布时间: 2024-01-03 03:45:59 (9月前)
转自：

5 条回复

0#
回复此人
蜡笔小辛 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我需要将以下脚本添加到HEAD标记内的index.html。 </p> <pre> <code> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </code> </pre> <P> 但在您的情况下，由于您没有index.html，只需将其添加到HEAD标记即可。 </p> <P> 所以它就像： </p> <pre> <code> <!doctype html> <html> <head> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> ... </body> </html> </code> </pre> </DIV>

编辑
1#
回复此人
林老爷的日常 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 有时问题可能在于你 <code> import </code> 像这样： </p> <pre> <code> const Vue = window.vue; </code> </pre> <P> 这可能会覆盖原件 <code> Vue </code> 参考。 </p> </DIV>

编辑
2#
回复此人
布偶的表弟派大星丶 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我得到了这个错误，但由于我包含js文件的方式未定义 </p> <P> 我刚开始 </p> <pre> <code> <script src="~/vue/blade-account-update-credit-card-vue.js" asp-append-version="true"></script> <script src="~/lib/vue/vue_v2.5.16.js"></script> </code> </pre> <P> 在我的.cshtml页面的末尾 GOT错误的<strong> Vue没有定义 </强> 但后来我改成了 </p> <pre> <code> <script src="~/lib/vue/vue_v2.5.16.js"></script> <script src="~/vue/blade-account-update-credit-card-vue.js" asp-append-version="true"></script> </code> </pre> <P> 并且神奇地工作了。所以我假设vue js需要加载到.vue之上 </p> </DIV>

编辑
3#
回复此人
甲基蓝 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我发现了这个实现的两个主要问题。首先，当你导入 <code> vue.js </code> 你使用的脚本 <code> type="JavaScript" </code> 如 <code> content-type </code> 这是错的。你应该删除它 <code> type </code> 参数因为默认情况下 <code> script </code> 标签有 <code> text/javascript </code> 作为默认值 <code> content-type </code> 。或者，只需更换 <code> type </code> 参数正确 <code> content-type </code> 是的 <code> type="text/javascript" </code> 。 </p> <P> 第二个问题是你的脚本嵌入在同一个HTML文件中意味着它可能首先触发，可能是 <code> vue.js </code> 文件尚未加载。您可以使用a来解决此问题的<strong> jQuery的 </强> 片段 <code> $(function(){ /* ... */ }); </code> 或者添加一个的<strong> JavaScript的 </强> 功能如下例所示： </p> <P> </p> <div class =“snippet”data-lang =“js”data-hide =“false”data-console =“true”data-babel =“false”> <div class =“snippet-code”> <pre class="snippet-code-js lang-js prettyprint-override"> <code> // Verifies if the document is ready function ready(f) { /in/.test(document.readyState) ? setTimeout('ready(' + f + ')', 9) : f(); } ready(function() { var demo = new Vue({ el: '#demo', data: { message: 'Hello Vue.js!' } }) }); </code> </pre> <pre class="snippet-code-html lang-html prettyprint-override"> <code> <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="demo"> <p>{{message}}</p> <input v-model="message"> </div> </code> </pre> </DIV> </DIV> <P> </p> </DIV>

编辑

登录后才能参与评论