study-vue's Introduction

阅读文档

// 排序
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 销毁之后');
    }
})