vue中在哪个生命周期中dom被渲染_vue请求数据放在哪个生命周期?

泻药!

玩vue、或者react或者其他任何mvvm库,很重要的一点是要弄清楚生命周期(不要太重要)。

比如拿vue来说,每个生命周期提供的钩子函数,其实对应的是一个完整的vue实例(对象)诞生的过程。

简单说,一个对象身上具备这个属性的时候,是对应到哪个阶段了(生命周期),具备那个属性的时候,到哪个阶段了。

顺道看下vue的生命周期:Vue 实例 — Vue.js​cn.vuejs.org

然后必须知道一点,vue是数据驱动的(只关心data即可),换句话说,就是,只要我能操作到 data中的数据即可。

所以,根据上面的生命周期,其实你放到 mounted中完全可以,因为这个阶段data中的数据绝对可以访问。

那么,在created中可以么?答案是:可以的,因为在created阶段data已经可以拿到了。

有兴趣可以,在created、mounted里面把当前vue的实例console出来,看一下,你会发现很多东西。

created(){

console.log(this);

console.log(this._data);

}

总结:放哪里都可以,看习惯。如果为了体验好一点点(仅仅是一点点)可以放到created中。

你要说,我就喜欢放到mounted里,那随你。

还有,不用担心什么 input model双向数据绑定,因为等你能输入文字的时候,dom早就渲染好了。而且还需要明白,v-model对应的也是一个data数据而已。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值