前端开发：Vue实例的生命周期钩子函数的使用，flutterplugin迁移

2、第二个生命周期函数，表示实例进行初始化的时候，会执行该函数

在 created 中，data和methods 都已经被初始化完成。 如果需要调用methods 中的方法，或操作data中的数据，最早只能在created中进行操作。

created() {

console.log(this.message);   // hello world

this.show();        //执行了show方法

},

3
、第三个生命周期函数，表示模板已经在内存中编译完成，但是还未把模板渲染到页面中

在beforeMount执行的时候，页面中的元素没有被真正替换，只是之前写入的一些模板字符串。

beforeMount() {

console.log(document.getElementById(‘h3’).innerText)  //{ {message}}

},

4、第四个生命周期函数，表示内存中的模板已经真实的挂载到页面中，用户可以看到已经渲染好的页面

mounted是实例创建期间阶段的最后一个生命周期函数，当执行完 mounted 之后就表示实例已被完全创建，此时如果没有其它操作的话，这个实例就在内存中不动了。

mounted() {

console.log(document.getElementById(‘h3’).innerText)   //hello world

},

二、组件运行阶段的2个钩子函数

---

5、第五个生