Vue中“v-text”

首先导入CDN,建立id选择器

<script>
        var app = new Vue({
            el:"#app", 
            data: {
                message:"昏睡的云雪",
                input:"山东"
            }
        })
  </script>

　建立数据，然后

<div id="app" >
        <h2 v-text="message"></h2>
        <h2 v-text="input">四川</h2> 
        <h2>{{ message }}四川</h2> 
      </div>

　　运行后，第一个四川会被山东替代，而第二个四川会正常显示 。

即该标签会替换内容，默认全部替换，使用差值表达式“{{}}”会替换指定内容，

仅可用来表示文本类型的，单向绑定。可以用于设置元素的纯文本内容。