首先如果我们想在页面上显示一段文字,我们可以使用插值语法,例子如下

    1. <body>
    2. <script type="text/javascript" src="./vue.js"> </script>
    3. <div id="app">
    4. {{ name }}
    5. </div>
    6. <script type="text/javascript">
    7. var vm = new Vue({
    8. el:"#app",
    9. data:{
    10. name:"dailiang",
    11. },
    12. })
    13. </script>
    14. </body>

    那么我们也可以使用v-text

    <body>
        <script type="text/javascript" src="./vue.js"> </script>
    
        <div id="app" v-text="name">
            我是{{ name }}
        </div>
    
        <script type="text/javascript">
            var vm = new Vue({
                el:"#app",
                data:{
                   name:"dailiang",
                },
            })
        </script>
    </body>
    

    猜结果:
    A.dailiang
    B.我是dailiang

    结果:A

    因为v-text会覆盖掉div中的text内容