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
   }

})