vue的几个指令
<div id="app"> <h4 v-text=‘msg1 ‘></h4> <div v-html="msg2"> </div> <input type="button" value="按钮" v-bind:title="mytitle" v-on:mouseover="show"> </div> <script> var vm = new Vue({ el: "#app", data: { msg: "I am", msg1: ‘iaf‘, msg2: "<h1>i安居房都</h1>", mytitle:‘myTitle‘ }, methods:{ show:function(){ alert(‘hello‘); } } }); </script>
v-text用于替换元素的内容,
v-html可以解析插入元素的html,
v-bind或者是只用过一个":"用于绑定属性,并且属性被认为是表达式
v-on绑定事件缩写为@,绑定事件时有事件的修饰符,once,prevent,self,capture使用.来添加事件冒泡的
v-model为双向数据绑定。
vm实例会检测自己身上的数据改变,只要数据改变
原文:https://www.cnblogs.com/1521681359qqcom/p/12158768.html