LinkVoid

keep-alive要求只有一个子元素被渲染，所以一般搭配动态组件component或router-view使用。 因为我们是在keep-alive中开发，所以可以先获取默认插槽，然后获取他的第一个子元素和他的组件名，根据设置的include/exclude进行匹配，如果匹配到…

上一篇里面对VueLoaderPlugin的实现有了一个大体的思路，其中有一段代码当时没看明白。是通过调用一个createMatcher去匹配.vue和.vue.html文件类型的规则。然后会判断这个规则是否存在，再去找这些规则里面去找vue-loader的规则。找到后给这个规…

最终一个vue SFC会被拆分（select.js）成template（template-compiler解析）/style（style-compiler解析）/script（babel-loader），还有可能会有自定义的几个block，每个块再有对应的loader进行处理。…

js在执行的时候，会创建两种上下文，全局上下文和函数上下文。上下文的执行又两个阶段，一是创建，二是执行。 我们要讲的变量提升就发生在变量环境中。用var声明的变量是存在变量环境中的，初始化的值是undefined。所以就会有变量提升这个问题。 拓展一下，变量环境其实也是一种特殊…

仅作为日常记录。 在之前的时候用的最多的就是indexOf方法，如果数组里面含有这个元素，返回的就是元素下标。如果没有就返回-1。而且这个是放在if条件里，太多太多了。 有点懵之前为什么不用includs,实在是太简单了有没有，而且返回值直接就是Boolean。含有就返回tru…

当函数被调用的时候这个函数执行上下文就会被创建，每次调用都会创建一个新的函数执行上下文。 既然是执行栈，一定是后进先出，是用来存储代码执行期间的执行上下文的。 首次运行js代码的时候，会创建一个全局执行上下文(globalContext)push到执行栈底。然后函数执行的时候把…

node 里events模块里只包含了一个对象：EventEmitter。EventEmitter的核心就是对事件触发以及事件的监听的封装。 EventEmitter本质上是一个观察者模式的实现。是不是很熟悉？我们之前实现的vue的数据响应化也是观察者模式，道理上是相同的。 上…

其实编译这部分是应该首先写的，因为在执行$mount后首先进行的工作就是编译。不过实现响应式是核心，现在我们把编译这部分补上，实现之后我们就能看到实实在在的效果。 实现编译我们需要一个compile类，我们首先确定需要接受的参数，实现编译我们需要知道将要编译的点，以及new V…