Vue

第一章：常用的模板指令
v-text:显示数据

    <div id="app">
        <div v-text="context"></div>
    </div>
    <script>
    var app = new Vue({
        el: "#app",
        data: {
            context: "context"
        }
    })
    </script>

v-html:不经过转义显示html代码

<div id="app">
        <div v-html="context"></div>
    </div>
    <script>
    var app = new Vue({
        el: "#app",
        data: {
            context: "<h1>Title</h1>"
        }
    })
    </script>

v-model：数据双向绑定

<div id="app">
        <input type="text" v-model="context">
        <div>{{context}}</div>
    </div>
    <script>
    var app = new Vue({
        el: "#app",
        data: {
            context: ""
        }
    })
    </script>

v-on:click 绑定事件 可以简写成@click