初识Vue.js

初识Vue.js

1、 什么是Vue.js
简单小巧的核心，渐进式的技术栈，足以应付任何规模的应用。

2、 生命周期

created 实例创建完成后调用，此阶段完成了数据的观测等，但尚未挂载，$el还不可用。
mounted el挂载到实例上后调用，一般我们的第一个业务逻辑会在这里开始。

3、 过滤器
Vue.js支持在{{ }}插值的尾部添加一个管道符“|”对数据进行过滤，经常用于格式化文本，比如字母全部大写、货币千位使用逗号分隔等。例如对时间进行格式化处理：
//在月份、日期、小时等小于10前面补0
function padDate(value) {
return value < 10 ? ‘0’ + value : value;
}
var app = new Vue({
el:’#app’,
data:{
date: new Date()
},
filters:{
formateDate:function (value) {
var date = new Date(value);
var year = date.getFullYear();
var month = padDate(date.getMonth() + 1);
var day = padDate(date.getDate());
return year + “-” + month + “-” + day;
}
},
})

4、 语法糖