泻药!

玩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数据而已。

Logo

前往低代码交流专区

更多推荐