Webwwl

本文聊聊另一种watcher:computedWatcher的实现。 当getter触发时，根据key拿到对应的watcher，判断watcher依赖的值是否有更新，有则计算值，最后返回watcher的value。 这里的this.getter就是前面的userDef,进行求值…

这里定义了一个watcher，当this.msg变化时会触发回调,参数是当前值和旧值。 options.immediate为true时回调函数会立即执行一次。 expOrFn是字符串'msg'，会走this.getter = parsePath(expOrFn),返回一个函数,…

ElementRef可通过pRef.nativeElement拿到原生节点TemplateRef未渲染前以注释节点占位ViewContainerRef可以将其理解为一块视图容器，通过下面两种方法可以往

上篇说到render函数执行完返回vnode，下面来看下_update是怎么把vnode变成dom并挂载到页面上的。 prevActiveInstance，activeInstance代表上一个vm实例和当前vm实例，存在父子组件时会用到。 通过判断preVnode是否存在来执…

最终会生成<div>hello vue</div>的视图，下面来分析一下流程。 new Vue()的时候会执行_init方法，做一些初始化工作后执行vm.$mount,在这之前会判断有没有el属性，没有的话需要手动调用。就像这样: 这里主要是定义了updateComponent…

webpack4移除了commonChunksPlugin，改用splitChunksPlugin,在升级的过程中踩了一些小坑，在此记录下。 chunks: webapck的splitChunks默认只对按需加载的模块起作用,可通过改变该属性修改默认行为，可选的值：'async…

其实这里子组件是拿到了更新后的值，如果template中的是{{message.age}}是可以显示出18的，但是项目中是传的options，子组件有个echart的setOptions操作，并不是直接将prop的数据展示，所以demo写成这样。这里是可以分析出问题所在的，子组…

可以看到，构造函数继承就是将父类函数在子类中执行一遍，此时引用类型属性不再共享，构造参数可自定义，可缺点也很明显，每个子类重新创建了父类的方法，不存在共享。 父类方法在子类中共享，引用属性不共享，构造参数可自定义，ok了？这里还有一个问题，这种方法执行了两次父类构造函数，如果父…

导航菜单需要Tree结构数据，后端返回的是对象数组，对象有id，Pid，这就需要做一些转换工作代码如下：打印结果如下：