VUE-5.Vue的生命周期

2020-11-12  本文已影响0人  笨灬蛋_a210

vue每个组件都是独立的,每个组件都有一个属于它的生命周期,从一个组件创建、数据初始化、挂载、更新、销毁,这就是一个组件所谓的生命周期。

vue对象核心的四个阶段八个钩子函数:
- 如果组件在<keep-alive></keep-alive>缓存的话,那么,组件切换时,会调用的钩子函数是:
<script>
    let vm = new Vue({
        el: '#app',
        data: {
            msg: 'aaaa'
        },
        beforeCreate() {
            console.log('===beforeCreate===');
            console.log(this.msg);
        },
        created() {
            console.log('===created===');
            console.log(this.msg);
        },
        beforeMount() {
            console.log('===beforeMount===');
            console.log(this.msg);
        },
        mounted() {
            console.log('===mounted===');
            console.log(this.msg);
        },
        beforeUpdate() {
            console.log('===mounted===');
            console.log(this.msg);
        },
        updated() {
            console.log('===mounted===');
            console.log(this.msg);
        }
    })
</script>
上一篇 下一篇

猜你喜欢

热点阅读