过滤器
{{12.13456|number}}
new Vue({
el:".le",
filters: {
//保留2位小数点过滤器 不四舍五入
number(value) {
var toFixedNum = Number(value).toFixed(3);
var realVal = toFixedNum.substring(0, toFixedNum.toString().length - 1);
return realVal;
}
},
})
年月日
{{new Date()|date}}
Vue.filter('date',function(data){
return data.getFullYear()+'年'+data.getMonth()+'月'+data.getDate()+"日,星期"+data.getDay()+data.getHours()+'点'+data.getMinutes()+'分'+data.getSeconds()+'秒'
})
new Vue({
el:"#itany"
})
vue实例的属性
{{msg}}
你好
var vm=new Vue({
el:"#itany",
data:{
msg:"hello vue"
},
uname:"rose",
age:18
})
// $el
console.log(vm.$el);
vm.$el.style.color="red";
// $data
console.log(vm.$data);
// $options
console.log(vm.$options);
console.log(vm.$options.uname);
console.log(vm.$options.age);
// refs
console.log(vm.$refs);
console.log(vm.$refs.hello);
计算属性
{{msg}}
new Vue({
el:"#itany",
data:{
msg:'hello vue'
},
computed:{
revMsg:function(){
return this.msg.split('').reverse().join('===')
}
}
})