// 排序
function sort (a, b) {
return (a - b);
}
//数组对象方法排序:
function sortByKey(array, key) {
return array.sort(function (a, b) {
var x = a[key];
var y = b[key];
return ((x <
y) ? -1 : ((x > y) ? 1 : 0));
});
}
/*
v-pre指令:
在模板中跳过vue的编译,直接输出原始值。就是在标签中加入v-pre就不会输出vue中的data值了。
v-cloak指令:
在vue渲染完指定的整个DOM后才进行显示。它必须和CSS样式一起使用,
v-once指令:
在第一次DOM时进行渲染,渲染完成后视为静态内容,跳出以后的渲染过程。
*/
// 生命钩子
var app = new Vue({
el: '#app',
data: {
count: 1
},
methods: {
add() {
this.count++;
}
},
beforeCreate() {
console.log('1-beforeCreate 初始化之前');
},
created() {
console.log('2-created 创建完成');
},
beforeMount() {
console.log('3-beforeMount 挂载之前');
},
mounted() {
console.log('4-mounted 被挂载之后');
},
beforeUpdate() {
console.log('5-beforeUpdate 数据更新前');
},
updated() {
console.log('6-updated 被更新后');
},
activated() {
console.log('7-activated');
},
deactivated() {
console.log('8-deactivated');
},
beforeDestroy() {
console.log('9-beforeDestroy 销毁之前');
},
destroyed() {
console.log('10-destroyed 销毁之后');
}
})
95y / study-vue Goto Github PK
View Code? Open in Web Editor NEW学习vue