vue常用指令

1.v-on / @   

    // eg:@click @dblclick @mouseover  @keydown.enter ~~ 鼠标按下enter 

2.v-show 适用于比较频繁的操作 显示隐藏 / v-if  DOM元素的删除/销毁，渲染

3.v-for   

遍历数组： v-for = "(v,i) in arr"  v数组的每一项(值/value)， i为索引   ：key= " i "  为了防止浏览器从缓存中拿取数据，key最好选择唯一标识的值，i为索引 唯一标识。

遍历对象： v-for = "(v,k) in obj"  v 对象的值 ，k 为对应的键

遍历数组对象:  v-for = "(v,i) in items"   v 一个对象，i为索引

遍历数值型：n = 8 v-for = "(v,i) in n"    v(值/value)， i为索引     遍历1——8，可应用在分页上

4.v-bind / :   src / :src   style / :style    class / :class    : /v-bind 后面的值都是变量 

5,v-html  渲染元素   <div v-html = " "></div>  

6.v-model  常用：表单输入框 value值

双向数据绑定

Object.defineProperty( obj, 'name' , {    //动态添加属性   参数：对象， 属性名，属性的描述信息
   value: ‘an’
})  //添加一个

Object.defineProperties( obj,{    
   'name':{
    value :"a"
   },
   'age':{
    value: 22.
    writable: true  //是否可以修改
   }
})  //添加多个

实现动态的改变
var obj = {};
var a = 123;

Object.defineProperties( obj, 'name'{    
   get:function(){
     return a
   };

   set:function(val){
     a = val
   }

})