08 Vue生命周期钩子

生命周期钩子

• 表示一个Vue实例从创建到销毁的这个过程，将这个过程的一些时间节点赋予对应的钩子函数
• 钩子函数：满足特点条件被回调的方法

new Vue({
		el:'#app',
		data:{
			msg:'message'
		},
		
		
        //1. 页面组件再创建的时候触发这个函数
        beforeCreate() {
            window.console.log('该实例要被创建了，还没有得到data数据和methods');
			window.console.log(this.msg)
        },

        //2. 最常用的钩子函数，组件加载后，可以请求后台数据，
        //   更新组件数据，组件间路由传参的值获取
        created() {
    		window.console.log('实例已经被创建了，已经可以获取到data数据，methods');
			window.console.log(this.msg)
        },
		
		// 3. 当页面已经被Vue实例的时候，
		mounted(){
			window.console.log('页面已经被Vue实例渲染，data，methods已更新')
		}

        //4.  当前的组件Vue实例已经没有再访问的时候，就是被销毁了
        destroyed() {
            window.console.log('该组件已经销毁了')
        }
})