重新过vue文档---实例生命周期钩子(一)

144 阅读1分钟
生命周期钩子??

实例被创建是都要经过一系列的初始化过程:设置数据监听、编译模板、将实例挂在到DOM并在数据变化时更新DOM...,这一过程中会运行一些叫做生命周期钩子的函数。

生命周期的作用

写代码人可以在不同阶段添加自己所需要的code。生命周期钩子的 this 上下文指向调用它的 Vue 实例。

image.png

瑟瑟发抖,平时都没有注意!

网友说: 箭头函数绑定了父级作用域的上下文,this 将不会按照期望指向 Vue 实例。 也就是说,你不能使用this来访问你组件中的data数据以及method方法了。 this将会指向undefined。

生命周期函数图.jpg 这个图其实还是超级无敌搞明白了,但是文档说不需要立马弄明白,不断学习和使用,他的参考价值会越高,但是用了这么久..就用几个函数,一知半解,没法一下子把这个过程描述出来。

看了这章get到生命周期函数不能使用箭头函数写。 官网这章就讲了这么多,先写这么多。下一章就是模板语法。