Question

我测试文本数据绑定如下：

＆＃13;

var vm = new Vue({
  el: '#app',
  data: {
    msg: "abc"
  }

})

＆＃13;

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>


</head>
<body>

<div id="app">
  this will never change:{{* msg }}
</div>

<script type="text/javascript" src="https://cdn.bootcss.com/vue/2.5.13/vue.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/vue-resource/1.3.4/vue-resource.min.js"></script>
<script type="text/javascript" src="index.js"></script>
</body>
</html>

＆＃13;

但是没有显示msg。为什么我无法得到它？

Answer 1

您的文档版本为1.x，您使用的vue.js CDN版本为2.5.13：

<script type="text/javascript" src="https://cdn.bootcss.com/vue/2.5.13/vue.min.js"></script>

Vue {{* }}中删除了2.x语法，您可以使用v-once替换它：

<div id="app" v-once>
  this will never change:{{ msg }}
</div>

Vue.js模板不显示数据

1 个答案: