vue

书阅读地址 微信读书：深入浅出vue.js 本书内容 介绍vue2的核心内容。 Vue.js的响应式原理，理解为什么修改数据视图会自动更新； 虚拟DOM（Virtual DOM）的概念和原理； 模板编

笔记 为列表渲染设置属性key 如果一组v-if/v-if-else/v-else元素类型相同，则使用属性key 动态路由的切换不会触发组件的生命周期 不要把v-if和v-for同时用在同一个元素上

笔记 渲染的整个过程 模板编译就是将模板(tempalte)里面的html内容转化成渲染函数的过程。它的工作流程： 先将模板转化成ast(细分为解析器功能)， 再遍历ast标记静态节点(细分为优化器功

笔记 渲染器的工作原理就是将vnode转化成dom的过程。 vnode代表一个js对象，这个对象有dom的完整信息，之所以需要vnode是因为每次状态改变直接操作dom的成本很高，可通过新vnode与

笔记 vue2响应系统的实现核心是借助了Object.defineProperty这个api。它的工作流程可以概括为：在getter中收集依赖，在setter中触发依赖。 Object.defineP

书阅读地址 微信读书：vue设计与实现 本书内容 本书内容并非“源码解读”，而是建立在笔者对 Vue.js 框架设计的理解之上，以由简入繁的方式介绍如何实现 Vue.js 中的各个功能模块。本书将尽可

解决的问题 为组件的出现、消失添加过渡的东西效果 工作原理 当 DOM 元素被挂载时，将动效附加到该 DOM 元素上； 当 DOM 元素被卸载时，不要立即卸载 DOM 元素，而是等到附加到该 DOM

要解决的问题 为了让组件能在所有dom元素的最顶层出现，覆盖其他组件。这是常见的业务场景，比如弹窗。 Teleport组件的作用 Vue.js 3 内建了 Teleport 组件。该组件可以将指定内容

作用 动态切换组件，又想保存组件的状态，除了使用v-show，还可以使用keep-alive组件。 KeepAlive 组件可以避免一个组件被频繁地销毁/重建。 原理 KeepAlive 的本质是缓存

参考资料 通用组件设计原则 组件的设计原则 前端组件设计原则 思考总结 1、组件设计的目的 提高业务的开发效率，提高项目的可维护性。 2、组件设计的职能划分 组件可以设计成很多种类型的组件，如容器组件

如何构建vue的ssr 参考资料 vue的ssr渲染指南 从0到1构建ssr 原理 笔记 服务端渲染vue的时候要避免状态单例，对于http网站请求，应该暴露一个可以重复执行的工厂函数，为每个请求创建

beforeCreate 在实例初始化之后调用，此时options里面还没有赋值。 created 实例已经创建完成之后被调用。 在这一步，实例已完成以下的配置： 1、数据观测(data observ

配置less https://www.jianshu.com/p/522351e7a6a6 写全局样式 http://www.qiutianaimeili.com/html/page/2021/01/