vue.js基礎學習（1）

一：v-cloak：解決瀏覽器閃爍，編譯過程當中不會顯示，直到編譯結束才顯示。

用法：[v-cloak] {
 display: none;
}

<div v-cloak>
 {{ message }}
</div>

二：v-on 事件綁定
methods:{
action:function(){console.log("action")},

action2(){console.log("action2")
e.stopPropagetion(); //js阻止事件冒泡,vue中使用stop事件修飾符
},
}

v-on：click='action（）' 或簡寫@click='action1（$event）' 沒參數時能夠省略括號，只寫方法名

三：v-for 循環遍歷

<div v-for="(item, index) in items"></div>
<div v-for="(val, key) in object"></div>
<div v-for="(val, key, index) in object"></div>

四：v-model綁定表單數據（、、components

 - 取代  監聽  事件

 - 輸入字符串轉爲有效的數字

 - 輸入首尾空格過濾

五：過濾器（filter）可執行的函數,優先執行實例內部的過濾器
1.filters:{  //內部過濾器 在new實例的裏面
number(date,n){data.toFixed(n)}
}或number:function(date,n){data.toFixed(n)}
}

用法：<div>{{3.1415926|number(2)}}</div>
2.外部過濾器
 vue.filter("name",function(data){
return data>11?data:「0」+data})<input><select><textarea>、.lazyinputchange.number.trim

用法：<div>{{1|name}}</div>