Vue中的data和computed是在生命周期的执行顺序的探究
先讲述我遇到的情况,我在computed引入了vuex的一个变量getName,由于在页面上多地方共用,因此我在data处将他赋值给timer,发现打印出来是undefine废话不多,先咔的撸出代码先在页面引入然后在页面敲出来出现这种情况初步猜测是data和computed初始化顺序的问题了,猜测在vue生命周期中data初始化是在computed初始化之前,所以获取不到 co...
·
先讲述我遇到的情况,我在computed引入了vuex的一个变量getName,由于在页面上多地方共用,因此我在data处将他赋值给timer,发现打印出来是undefine
废话不多,先咔的撸出代码先
在页面引入
然后在页面敲出来
出现这种情况初步猜测是data和computed初始化顺序的问题了,猜测在vue生命周期中data初始化是在computed初始化之前,所以获取不到 computed的值,我在data处赋与值,发现是正常的,
那问题就好办了,是vue渲染初始化的问题了,现在该去百度研究了
1.在new Vue()
的时候,vue\src\core\instance\index.js
里面的_init()
初始化各个功能
2.在_init()
中有这样的一个执行顺序:其中initState()
是在beforeCreate
和created
之间
3.在initState()做了这些事情:
显然,初始化data在初始化computed之前
文章内容借鉴于https://blog.csdn.net/u013970232/article/details/90317829
更多推荐
已为社区贡献3条内容
所有评论(0)