文档{ { msg } }
{
El : ' # APP '，
数据： {
msg : '确定' } '是，
methods: {
show ()。
console.log ('已执行) )
}
(，
beforeCreate ()//这是遇到的第一个生命周期函数，指示将完全创建并运行实例
console.log(this.msg ) /此时控制台显示为undefined
注意，当this.show//this.showisnotamethod//before create生命周期函数运行时，数据和方法数据尚未初始化
(，
created ()//这是遇到的第二个生命周期函数
在console.log(this.msg ) this.show )//created中，数据和方法都已初始化。 调用//methods的方法时，只能最快在created中进行操作
(，
beforeMount ()//这是第三个生命周期函数，指示模板已编译但未渲染到页面
当beforeMount运行时，console.log (document.getelementbyid (H3 ).innerText ) /不会实际替换页面中的元素，而只是前面的模板字符串
(，
mounted ()//这是第四个生命周期函数，指示内存中的模板实际装载在浏览器页面上，渲染的页面显示给用户
console.log (document.getelementbyid (H3 ).innerText ) /注意： mounted是创建实例的最后一个生命周期函数，运行mounted时实例完全
(，
beforeupdate(}
console.log (界面上元素的内容(document.getelementbyid ) h3 ).innerText ) ) ) ) ) )。
console.log('data的msg数据为' this.msg ) )。
(，
更新()。
console.log (界面上元素的内容(document.getelementbyid ) h3 ).innerText ) ) ) ) ) )。
console.log('data的msg数据为' this.msg ) /页面和data数据已经匹配
(，
}
）
------------------- -作者：晗期灵，
来源： CSDN
译文： 3359 blog.csdn.net/weixin _ 43208813/article/details/91077805
声明：本文为博客原创文章。 转载请附上博文链接！