Vue: 常用指令

创建vue实例

第一个vue实例

<div >{{huanying}}</div>

<script>
    //创建vue实例
    new Vue({
        el: "#app",
        data: {
            huanying: 'Hello Vue!'
        }
    })
</script>

 

数据模板引擎

v-开头的指令是帮助我们渲染数据用的

 

v -text 标签内添加文字

<div ></div>

<script>

    //v-text 标签内添加文字
    new Vue({
        el: "#app",
        data: {
            huanying: 'Hello Vue!'
        }
    })

</script>

v-text