Vue初始化加载顺序
1、computed是在HTML DOM加载后执行的,如赋值;2、methods方法必需一定条件的触发才会执行,如点击事件;3、watch用于观察vue实例上的数据变动,对应一个对象,键是观察表达式,值是对应回掉,值也可以是方法名或者对象,包含选项;默认执行顺序为:先加载computed在watch,不执行methods;等触发某一事件后则先methods在watch。4、crea...
·
1、computed是在HTML DOM加载后执行的,如赋值;
2、methods方法必需一定条件的触发才会执行,如点击事件;
3、watch用于观察vue实例上的数据变动,对应一个对象,键是观察表达式,值是对应回掉,值也可以是方法名或者对象,包含选项;
默认执行顺序为:先加载computed在watch,不执行methods;等触发某一事件后则先methods在watch。
4、created 和 mounted destoryed为生命周期;
5、created在模板渲染成html前调用,通常初始化某些属性值,然后在渲染成视图;
6、mounted在模板渲染成html后调用,通常为初始化页面完成后,在对html的dom节点进行一些需要的操作;
在插件chart.js的使用中,var ctx=document.getElementById(ID) ,如果写入组件中,你会发现在created中无法
对chart进行一些初始化配置,一定要等这个html渲染完成后才可以进行操作,此时就可以在mounted中操作。
更多推荐
已为社区贡献1条内容
所有评论(0)