vue

SSR SSR就是服务端渲染，也就是在服务端生成好html然后再直接返回给客户端 SSR的优势： 更好的SEO 首屏加载速度更快 SSR的缺点： 开发方面会受到一些限制，服务器端渲染只支持before

插件 插件通常用来为Vue添加全局功能。插件的功能范围没有严格的限制，一般有以下几种 添加全局方法或者 property（属性） 添加全局资源：指令/过滤器/过渡等 通过全局混入来添加一些组件选项 添

混入 混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。

Vue自定义指令 除了核心功能默认内置的指令（v-model 和 v-show），Vue也允许注册自定义指令。注意，在Vue2.0中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通

data中某个属性的值发生改变后，视图是否会立即重新渲染 不会立即同步重新渲染。 Vue实现响应式并不是在数据发生变化之后DOM立即更新，而是按一定的策略进行DOM的更新。Vue在更新DOM时是异步执

Vue template 到 render 都做了哪些事情 vue的模板编译过程主要如下：template -> ast -> render函数 vue会在模板编译的时候执行 compileToFun

nextTick nextTick在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM 此时发现直接获取最新的DOM相关的信息是拿不到的，只有在nextT

为什么data是一个函数而不是对象 由于js中的对象是引用数据类型，当多个实例引入同一个对象的时候，只要其中一个实例对这个对象进行操作，其它数据实例中的数据也会随之发生改变。 在Vue中我们更多的是想

常见的事件修饰符及其作用 在js的事件处理程序中调用event.preventDefault() 或 event.stopPropagation() 是非常常见的需求。但是在vue中我们有更好的处理方

样式绑定之数组语法 class 数组语法 我们可以把一个数组传给:class 渲染为： 假如你想根据条件进行列表切换Class，可以利用三元表达式进行 不过，当有多个条件 class 时这样写有些繁琐

样式绑定之对象语法 操作元素的 class 列表和内联样式是数据绑定的一个常见需求。接下来看一下Vue中的样式绑是如何进行的，有几种方式 class 对象语法 我们可以传给 v-bind:class 

过滤器 Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaS

作用域插槽 有时让插槽内容能够访问子组件中才有的数据是很有用的。例如，设想一个带有如下模板的 <Category>组件 （子组件） 然后我在父组件中拿到子组件的数据进行渲染

具名插槽 有的时候我们需要多个插槽来完成需求，例如：现在有一个模板组件<base-layout>组件 对于这种情况，<slot>也提供了一个特殊的attribute：name。这个属性可以用来使用对应

默认插槽（官网也叫后备内容） 有时为一个插槽设置具体的后备 (也就是默认的) 内容是很有用的，它只会在没有提供内容的时候被渲染。例如在一个 <submit-button> 组件中： 我们可能希望这个 

slot（插槽） Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 Web Components 规范草案，将 <slot> 元素作为承载分发内容的出口。 它允许你像这样合成组件：

computed（计算属性） 写法： watch（监听属性） 写法： computed 和 watch的区别 对于computed: 支持缓存，只有依赖项发生变化的时候才会重新计算 不支持异步，如果c

Vue2.x 响应式的缺点 先看一下我们怎么样写才算是响应式属性： vm.b = 2 ，如果我们这样添加的属性，哪怕以后b的值发生了改变，页面也不会更新 因此Vue2.x 也给我们提供了对应的API来

介绍基本原理之前，先看看一下代码 new Vue也就是创建一个Vue实例，随之Vue会遍历data中属性，使用Object.defineProperty递归的给每个属性都添加getter/setter

createApp() 代替了 new Vue() v-model 代替了以前的 v-model 和 .sync 根元素可以有不止一个元素了 新增 Teleport 传送门 destroyed 被改名