vue的指令

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实例会检测自己身上的数据改变，只要数据改变