chonglingliu

前端开发者对Javascript中的三元表达式应该都很熟悉，TypeScript对类型也提供了类似的语法，和Javascript唯一的区别就是TypeScript操作的是值。

**JavaScript**通过` Object.keys()`获取对象的所有属性键值，而**typescript**主要关注的是类型操作，通过 `keyof` 操作符可以获取对象中的所有键类型组成的

Vue 3.X 使用Vue Router 4.x 进行路由配置，本文我们就来研究下如何使用Vue Router 4.x，本文中所有的使用方式都是使用 Composition API的方式。 本文通过一

Vuex是官方提供的状态管理库，为了深入了解它的实现逻辑，本文我们一起来一步步实现它。 初始化 用法 模拟实现 state 用法 代码实现 getters 用法 代码实现 工具函数 mutation

keep-alive组件是Vue提供的组件，它可以缓存组件实例，在某些情况下避免了组件的挂载和卸载，在某些场景下非常实用。 例如最近我们遇到了一种场景，某个组件上传较大的文件是个耗时的操作，如果上传的

Vue提供了pro可以进行参数的传递，但是有时需要给子组件的模板进行定制化，此时传递参数有时候就不太方便了。 Vue借鉴了Web Components实现了插槽slot。 插槽slot通过在父组件中编

Vue的双向绑定是指数据变化能引起界面的变化，界面数据的变化也能驱动数据的改变。 这个功能其实和单向数据流规范不一样，所以开始接触Vue的时候非常吸引我的一个功能。我们发现Element UI的表单也

Vue的事件绑定主要是通过v-on指令来实现的，这个指令既可以实现原生事件绑定，例如onclick等。也可以实现组件的自定义事件，从而实现组件的数据通信。 本文我们就来分析下Vue的事件处理的逻辑。

上一篇文章我们知道了指令的实现原理，接下来我们来研究下Vue提供的一些默认指令的实现原理。 v-text 使用案例 实现逻辑 先来看下render函数 总结 v-text设置元素的textConten