执念坚持

SPA spa(single page application) 仅在web页面初始化的时候加载对应的html、js和css。一旦加载完成，spa不会因为用户操作而进行页面...

性能优化 (1) 编码阶段 尽量减少data中的数据，data中的数据都会递归增加getter和setter，会收集对应的watcher v-if和v-for不能连用 Ke...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

slot（插槽） Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 Web Components 规范草案，将 <slot> 元素作为承载分发内容的出口。...

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

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