vue3.0初尝试之生命周期和Setup函数的一些问题总结
导读:五月份换了一家新的公司,然后开始用vue3.0开发,遇到了一些问题,记录一下说说自己的想法。
大家应该都知道vue3.0相比于之前的版本在响应式的实现原理上做出了新的改变,就是使用proxy代替defineProperty。代替的好处有很多我也不详细说了,我觉得最大的改变就是可以实现对数组的直接监听,而不用对数组的方法进行重写。
下面说说我在使用vue3.0过程中遇到的一些奇奇怪怪的问题,如果有什么不对的地方请大佬指出,不胜感激!
1.setup的执行时机
关于setup里面的生命周期,我大概举了几个例子,3.0和2.0的区别无非就是setup函数里面没有了created和beforeCreate,然后别的生命周期都在前面加上on区分,别的基本上没有变化。
当时我在看生命周期的时候也看到过一些相关的文章,有一些老哥为什么不自己写几行代码看看每一个生命周期到底什么时机执行而是人云亦云地说setup执行时机位于beforeCreate和created之间嘞?实践出真知呀
当页面引入一个子组件,而这个子组件没有按需加载的情况下,子组件的setup函数里面直接写的代码会比父组件生命周期里面的代码更早执行。