Vue

observable 顾名思义就是“可观察的” 官网定义： Vue.observable 方法可以让一个对象变成响应式的，Vue 内部会用它来处理 data 函数返回的对象 在 Vue2 中，被传入的

一、基本概念 slot 也叫插槽，可以理解为 slot 在子组件模版中占好了位置，当父组件去使用到该子组件的时候，可以去替换掉 slot 中的内容 插槽使用场景： 通过插槽可以对组件去进行一些扩展，更

一、基本概念 官方定义：mixin（混入），提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能 mixin 本质上是一个 JavaScript 对象，保护组件的所有功能选项，比如 data

一、基本概念 组件：组件就是把图形、非图形的各种逻辑均抽象为一个统一的概念（组件）来实现开发的模式，在 Vue 中每一个 .vue 结尾的文件都可以视为一个组件 插件：插件通常用来为 Vue 构造函数

一、根实例和组件实例 其实根实例中定义的data属性既可以是一个对象，也可以是一个函数；而组件实例定义的data属性只能是函数，不可以是对象，如果定义成对象就会报错 二、组件实例的 data 属性定义

场景一：在同一个标签中使用 v-if 和 v-for 模版生成的render函数（可以通过app.$options.render来获取） 场景二：将 v-if 放在 v-for 父级元素标签上 模版生

一、Vue 生命周期汇总 Vue 的生命周期就是实例从创建到销毁的过程，即指从创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染 生命周期 描述 beforeCreate 组件实例被创建之初 c

一、SPA 理解 SPA 也是单页面应用的意思，通俗来说就是只有一个 index.html 页面，内部通过路由来实现页面的局部切换，公共资源部分只加载一次 SPA 将所有的活动局限于一个 Web 页面

一、Proxy 对象 Proxy(代理) 是 ES6中新增的一个特性，Proxy 让我们能够以简洁易懂的方式控制外部对对象的访问。其功能非常类似于设计模式中的代理模式 Proxy 可以理解为在目标对象

一、案例1 —— 获取鼠标位置 createApp ：createApp 的作用是创建一个 vue 对象，里面可以传入一个选项，注意 createApp 传入选项中的 data 必须是函数形式 dat

一、简易的状态管理方案 如果多个组件之间要共享状态(数据)，单纯使用父子组件通讯、兄弟组件通讯的方式虽然可以实现，但是比较麻烦，而且多个组件之间互相传值很难跟踪数据的变化，如果出现问题很难定位问题 当

一、props 和 $emit （父子组件通讯） 父组件向子组件传递数据是通过 props 传递的，子组件传递数据给父组件是通过 $emit 触发事件，props 以单向数据流的形式可以很好的完成父子

一、Vue Router 使用步骤 创建路由对象 注册 router 对象 在页面或组件中使用，创建占位符、链接 二、动态路由使用 动态路由指的是带参数的路由，路径参数用冒号 : 表示。当一个路由被匹

一、双向绑定基本概念 vue 是一个 mvvm 框架，即数据双向绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化。数据双向绑定一定是对于UI控件来说的，非UI

一、v-show 和 v-if 的区别 在 vue 中 v-show 和 v-if 都可以控制元素是否在页面中现实 v-show 的显示隐藏是操作元素css的 display 属性，所以使用 v-sh

一、模版编译过程 vue 模版编译的主要作用是将模版(template)编译为渲染函数(render) vue 模版编译整体逻辑主要分为三步 将模板变成ast语法树 —— 解析器 对ast进行静态节点

一、set 方法的作用 set 方法主要作用是向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新。它必须用于向响应式对象上添加新属性，对象不能是 Vue 实例，或者 Vue 实

一、直接添加属性产生的现象 代码解析：当执行 addProperty 为 data 添加新属性时，data 确实更新了，但是没有响应式，页面并没有更新，众所周知 vue2 是用过 Object.def

一、响应式数据 响应式数据是单向的，这和双向绑定不一样，指的是能监控到数据变化，并且更新视图 vue2 的响应式原理的核心是使用的es5中的 Object.defineProperty API来实现数

一、nextTick 作用 Vue 在更新 DOM 时是异步执行的，当数据发生变化，Vue 将开启一个异步更新队列，视图需要等队列中所有数据变化完成之后，再统一进行更新 this.$nextTick(