wozien

当省略返回值的类型注解，Typescript 会自动根据返回的值进行类型推断。 在 JavaScript 中，函数的每个参数都是可选的，用户可以根据情况传递，没有传参的值默认为 undefined。而在 TypeScript 中，要想让一个参数可选，可以把类型注解改为 ?: ：…

在 TypeScript 中， 接口 interface 用来描述一系列属性或者方法以及它们的类型声明的集合结构，它在内部和外部代码中很好地提供一种结构数据的类型约束。 类型检查会判断传递给函数的参数是否是一个包含 label 属性并且类型为 string 的对象。值得注意的是…

在工作中我们经常用到基础类型，typescript 提供了和 js 一样的基本类型，比如 boolean, string, number, null 等， 并且额外提供了一些有用的辅助类型，比如枚举 enum。 在 typescript中， 类型注解用 变量名: 类型 方式表示…

前端路由是构建单页面应用的关键技术，它可以让浏览器URL变化但是不请求服务器的前提下，让页面重新渲染出我们想要的结果。Vue-Router是Vue应用的前端路由插件，让我们来看看它的实现原理。 Vue为所有插件提供一个Vue.use()来安装注册插件，这个方法会调用插件导出对象…

当我们使用Vue的动态组件或者路由切换组件时，如果想要保存之前显示组件的状态，可以利用keep-alive内置组件包裹。现在通过源码来看看它的实现。 这个组件和我们平时写的组件不同的是多了一个abstract: true，表示这是一个抽象组件。抽象组件的实例是不会维护它的父子关…

Vue允许我们为组件自定义子模版，这部分内容会替换组件模版中slot标签，这就是插槽。那么子组件在渲染过程中是怎么获取到父组件对应的插槽模版的，现在就通过源码来分析。 在父组件的编译解析阶段，会在src/compiler/parser/index.js的processSlotC…

在Vue中我们可以用v-model指令来使表单的值和状态进行双向绑定，当表单的值改变时绑定的值也会变化。其实，v-model是Vue提供的props和事件的语法糖，现在我们通过源码分析下这其中的原理。 对于v-model和其他指令一样，在模版的编译解析阶段会走src/compi…

Vue允许我们在模版上用v-on或@为元素添加DOM事件，并且可以为组件元素添加自定义的事件。现在通过源码角度看看Vue是怎么处理事件的绑定和执行的。 上面例子利用模版的形式给对应的元素和组件绑定事件。首先，Vue会编译模版，会把元素的事件和组件的自定义事件都放在on对象上，把…

我们之前分析Vue实现组件化挂载的源码分析，知道了组件是怎么一步一步创建到挂载到真实的DOM中。现在，我们结合Vue的响应式原理，看看当状态发生变化时，组件是怎么进行更新操作的。 其实，Vue的虚拟DOM的更新是模仿snabdom实现的，对于两个节点的对比过程基本一样。所以对于…