vue经验总结

标签：component   添加   ons   调用   error   延迟   16px   state   watch   

1. vue中获取dom节点时机

vue组件中获取dom节点一定要在mounted周期之后的下一次事件循环，包括 component.$refs,component.$el,component.$children等
一般写法在nextTick中获取，mounted不是必须：
mounted(){
　　this.$nextTick(() = {
　　　　const el = this.$el;
　　})
}

2.watch变量合并更新

vue的dom更新是异步的，因此watch一个变量时候，短时间内频繁更新该变量的值，其watch方法只会执行一次
例如，在for循环总更新一个被watch的变量。解决方法，可以使用setTimeout延迟更新或者直接调用watch的方法。

3.vuex的页面弹出error

可以在vuex的module state中添加error字段，ajax出错时，将错误赋值为error，
组件内再watch error字段，弹出error内容

vue经验总结

标签：component   添加   ons   调用   error   延迟   16px   state   watch   

原文地址：http://www.cnblogs.com/mengff/p/6849693.html