0

在基于 Apache Velocity 呈现的模板的应用程序中，我试图包含 vue.js 组件。但是，在尝试使用应该存在 vue.js 的应用程序部分时，我遇到了“未捕获的 ReferenceError：Vue 未定义”。

令我困惑的是，这个错误并不一致。它确实在大多数情况下发生，但时不时地它会完美地工作。根据我在 SO 和其他地方的在线研究，我没有发现任何人有这样的不一致。对于其他所有人来说，它似乎要么在 100% 的时间内工作，要么在 0% 的时间里工作。

现在我想了解为什么会发生这种情况以及为什么会如此不一致。

帐户篮-app.vm：

<!-- development version, includes helpful console warnings -->
<script src="/themes/javascript/vue.js"></script>

#parse_component("vue/account-basket-list-vue")
#parse_component("vue/account-basket-list-row-vue")

<script>
    var app = new Vue({
        el: '#account-baskets-vue'
    })
</script>

控制台输出：

account-baskets:953 Uncaught ReferenceError: Vue is not defined
    at account-baskets:953
    (anonymous) @ account-baskets:953
favicon.ico:1 GET http://localhost:8080/favicon.ico 404 (Not Found)

网络响应：

响应是https://cdn.bootcss.com/vue/2.5.17/vue.min.js的内容

4

1 回答 1

0

使用时应该是vue未加载。加载 vue.js 使用脚本时是否检查过网络错误？如果 Vue 已加载，则应该有一个全局 Vue 函数。 在此处输入图像描述

<script src="https://cdn.bootcss.com/vue/2.5.17/vue.min.js"></script>


<div id="app">
  {{ message }}
</div>


<script>
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})
</script>

于 2018-10-31T13:32:02.070 回答