孟繁贵 - 博客园

2018年11月30日

摘要： 1、10种通信方式 10种：https://juejin.im/post/5bd18c72e51d455e3f6e4334 2、除此之外，还有children和ref。需要注意 $children （返回的是数组类型）并不保证顺序，也不是响应式的。所以若父组件只有一个子组件还好；若含有多个子组件阅读全文

posted @ 2018-11-30 19:21 孟繁贵阅读(232) 评论(0) 推荐(0) 编辑

滚动条设置超出部分隐藏

摘要：滚动条设置超出部分隐藏你好你好你好你好你好你好你好你好你好你好你好你好你好 ... 阅读全文

posted @ 2018-11-30 17:42 孟繁贵阅读(705) 评论(0) 推荐(0) 编辑

2018年11月22日

vue Watcher分类 computed watch

摘要： 1、Watcher构造函数源码部分代码 2、deep watcher deep watcher指的是深度 watcher 可以深度监测对象属性的改变 3、user watcher 就是一般的vue的watch属性 https://cn.vuejs.org/v2/api/#watch 4、comput 阅读全文

posted @ 2018-11-22 19:33 孟繁贵阅读(1316) 评论(0) 推荐(0) 编辑

vue 钩子函数使用async await

摘要：示例：通过设置created和mounted中定时时间不同，查看控制台输出顺序。完全乱套！只能保证最先输出3 其次输出4。 await后的 5 和 6 也不是在await后输出。结论是：所有的钩子函数都只是在指定时间执行而已，框架并不关心它们执行的结果，所以你要做的是将async和await 阅读全文

posted @ 2018-11-22 11:43 孟繁贵阅读(12713) 评论(3) 推荐(0) 编辑

2018年11月21日

vue 虚拟dom

摘要： https://segmentfault.com/a/1190000008291645 一个VNode的实例对象包含了以下属性 tag: 当前节点的标签名 data: 当前节点的数据对象 tag: 当前节点的标签名 data: 当前节点的数据对象 VNode可以理解为vue框架的虚拟dom的基类，通阅读全文

posted @ 2018-11-21 17:31 孟繁贵阅读(514) 评论(0) 推荐(0) 编辑

vue provide和inject使用

摘要： provide和inject使用场景也是组件传值，尤其是祖父组件--孙组件等有跨度的组件间传值，单向传值（由provide的组件传递给inject的组件）。 provide 选项应该是一个对象或返回一个对象的函数。该对象包含可注入其子孙的属性。 inject 通常是一个字符串数组。示例：（1）祖阅读全文

posted @ 2018-11-21 16:35 孟繁贵阅读(9692) 评论(1) 推荐(0) 编辑

vue inheritAttrs、$attrs和$listeners使用

摘要： inheritAttrs、$attrs和$listeners使用场景：组件传值，尤其是祖孙组件有跨度的传值。（1）inheritAttrs 属性说明：https://cn.vuejs.org/v2/api/#inheritAttrs 说明比较晦涩。组件传值一般是通过props传值的。inher 阅读全文

posted @ 2018-11-21 15:39 孟繁贵阅读(6375) 评论(0) 推荐(0) 编辑

2018年11月20日

vue 源码断点调试

摘要： 1、添加sourceMap sourceMap: true 2、npm run dev 会生成vue.js.map 3、断点调试 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>vue源码测试</title> </head> 阅读全文

posted @ 2018-11-20 19:39 孟繁贵阅读(5482) 评论(0) 推荐(0) 编辑

vue 数组新增元素响应式原理 7种方法

摘要： 1、问题思考一个问题，以下代码：当我们在控制台输入：app.list[0] = 100时，vue会监测到变化吗？ app.push(100)呢？引申出的问题就是： vue对数组新增的元素，包括push、unshift和splice（插入）的元素是怎么做到响应式的呢？ 2、Vue对新增的数组元素阅读全文

posted @ 2018-11-20 16:46 孟繁贵阅读(14058) 评论(0) 推荐(0) 编辑

vue 数据劫持响应式原理 Observer Dep Watcher

摘要： 1、vue响应式原理流程图概览 2、具体流程（1）vue示例初始化(源码位于instance/index.js）响应式相关的是“stateMixin”。（2）、state.js(源码位于instance/state.js) 与响应式有关的是：在initData中实现了2个功能：（2）.1 阅读全文

posted @ 2018-11-20 15:51 孟繁贵阅读(3445) 评论(0) 推荐(0) 编辑

web前端开发技术

仰望星空，脚踏实地

公告