一、vue實例屬性
1.data 獲取vue實例中的數(shù)據(jù)
3.refs 獲取所有帶ref屬性的元素
二肄满、計算屬性
對于比較復(fù)雜的邏輯運算，都應(yīng)該使用計算屬性
例：
<div class="itany">
<p>{{mag}}</p>
<h1>{{list}}</h1>
</div>
<script src="vue.js"></script>
<script>
new Vue({
el:".itany",
data:{
mag:'hello Vue'
},
computed:{
list:function(){
return this.mag.split(' ').reverse().join('===');
}
}
})
</script>
三撞羽、過濾器——保留兩位小數(shù)
<div class="itany">
<p>{{1381.322165|addZero}}</p>
</div>
<script src="vue.js"></script>
<script>
// 全局
Vue.filter('addZero',function(data){
return data.toFixed(2);
})
new Vue({
el:'.itany'
// 局部
// filters:{
// addZero:function(data){
// return data.toFixed(2);
// }
// }
})
四、過濾器——獲取時間
<div class="itany">
<p>{{new Date()|houers}}</p>
</div>
<script src="vue.js"></script>
<script>
new Vue({
el:'.itany',
filters:{
houers:function(data){
return data.getFullYear()+'年'+(data.getMonth()+1)+'月'+data.getDate()+'號,星期'+data.getDay()+";"+data.getHours()+'點'+data.getMinutes()+'分'+data.getSeconds()+'秒';
}
}
})
</script>
