javascript - Vue.js 标记为无效 HTML

Question

我的 Vue 变量被定义为无效的 HTML 标签。我如何防止这种情况以及如何使用我的 Vue.js 变量？

我收到此错误:此处不允许属性 v-bind，检查将未知的 HTML 标记属性突出显示为无效，并让将此类属性标记为自定义以避免将它们突出显示为无效

我使用Intellij

<script  src="../../static/js/vue.js"></script>

<div id="app-2">
<span v-bind:title="message">
Hover your mouse over me for a few seconds
to see my dynamically bound title!
</span>
</div>

<script>
var app2 = new Vue({
    el: '#app-2',
    data: {
        message: 'You loaded this page on ' + new Date().toLocaleString()
    }
})
</script>

Answer 1

您的代码有效(请参阅代码片段)。只要确保 Vue 定义良好即可。

var app2 = new Vue({
    el: '#app-2',
    data: {
        message: 'You loaded this page on ' + new Date().toLocaleString()
    }
})

<script src="https://unpkg.com/vue/dist/vue.js"></script>

<div id="app-2">
  <span v-bind:title="message">
      Hover your mouse over me for a few seconds to see my dynamically bound title!
  </span>
</div>