![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
小白的泪
这个作者很懒,什么都没留下…
展开
-
nextTick的理解
概念:vue批量异步更新策略,组件更新的时候,不会立刻执行,而是通过nextTick异步启动作用:nextTick(cb),应用:数据变化,需要访问dom最新的值的时候如何工作:源码描述,数据变化,watcher入队,异步冲刷队,最好真正watcher.run()...原创 2021-09-07 23:28:36 · 97 阅读 · 0 评论 -
vue组件数据通信--Bus事件总线
1、新建bus.js文件,引入vue,创建一个vue实例,导出这个实例:importVuefrom'vue';exportdefaultnewVue;2、在需要通信的两个组件中分别引入bus.jsimport Bus from '路径';3、在发送数据的组件中,通过vue实例方法$emit发送事件名称和传递数据。4、接受数据的组件中,通过vue实例方法$on监听到事件和数据。通常挂载到生命周期create和mounted中:测试:测试前:...原创 2020-09-15 12:03:53 · 268 阅读 · 0 评论 -
vue的深度拷贝对象
JSON.parse(JSON.stringify(obj))obj是需要拷贝的对象原创 2019-03-15 16:18:08 · 5965 阅读 · 0 评论 -
Vue组件的三大核心概念:属性、事件和插槽
属性:分为自定义属性、原生属性、特殊属性; 自定义属性props:即组件props中声明的属性,子类接受父类的值; 原生属性attrs :没有声明的属性,默认自动挂载到组件根元素上,设置inheritAttrs为false可以关闭自动挂载; 特殊属性class、style:挂载到组件根元素上,支持字符串、对象、数组等多种语法;详见:htt...原创 2019-03-21 17:53:29 · 2178 阅读 · 0 评论 -
this.$nextTick(callback),this.nextTick(callback)
this.nextTick(callback),当数据发生变化,更新后执行回调。this.$nextTick(callback),当dom发生变化,更新后执行的回调。callback为回调函数。原创 2019-07-17 15:55:02 · 818 阅读 · 0 评论