Vue

作者: 写给我的公主的简书 | 来源:发表于2018-12-13 14:08 被阅读0次

第一章:常用的模板指令
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

相关文章

网友评论

      本文标题:Vue

      本文链接:https://www.haomeiwen.com/subject/ahavhqtx.html