异步与 Promise即 JS 异步编程模型 异步与同步如果能直接拿到结果就是同步比如在医院挂号，你拿到号才会离开窗口同步任务可能消耗时间长，也可能短总之不拿到结果是不会离开的 如果不能直接拿到结果就是异步比如在餐厅门口等位，拿到号可以先去逛街什么时候才能吃到饭？你可以每 10 分钟去餐厅问一下（轮询）你也可以扫码用微信小程序接收通知（回调） 异步举例以 AJAX 为例request.send()

跨域同源策略浏览器故意设计的一个功能限制CORS突破浏览器限制的一个方法JSONPIE 时代的妥协 同源定义源window.origin 或 location.origin 可以得到当前原源 = 协议 + 域名 + 端口号如果两个url的协议域名端口号完全一致，那么这两个 url 就是同源的举例https://qq.com 与 https://www.baidu.com 不同源https

Provide _ Inject依赖注入的提供者 Provide 可以通过提供依赖名和依赖值给所有子组件使用，使用时在setup 阶段 Inject 注入依赖名即可，也可以在应用实例全局注入，所有组件都可以使用， Provide在插件中比较常用

Reactive 响应式函数Reactive 函数适合创建对象类型的的响应式对象，创建的对象响应式在使用时会自动解包，无需使用.value 就可以访问，但在使用 数组和Map 响应式对象时无法自动解包，使用时需要加上.value ，跟 ref 的区别是在响应式为非数组和Map对象时，可以自动解包，并且插入 ref 属性时也可以自动解包

Vue & VueRuntime的区别和使用方法版本分别是 包含编译器的 Vue 运行时 & 单独的 Vue 运行时 基本概念 运行时 + 编译器版本文件名：Vue.js。编译器用来将模板字符串编译成为 JavaScript 渲染函数的代码。 只包含运行版：Vue.runtime.js。用来创建 Vue 实例、渲染并处理虚拟 DOM 等的代码。 template 和 render

Vue2 数据响应式若一个物体能对外界的刺激作出反应，它就是响应式 Vue2 的 data 是响应式const vm = new Vue({data:{n:0}})如果修改 vm.n，那么 UI 中的 n 就会响应我Vue 2 通过 Object.defineProperty 来实现数据响应式 响应式网页如果改变窗口大小，网页内容会做出相应，就是响应式网页比如Smashing Maga

Vue 插件插件由一个对象构成，对象需要有一个 install 安装函数，应用在使用插件的时候会自动调用该函数，该函数的第一参数是应用实例，第二个参数是配置选项，可以通过在使用插件的时候传入，在插件中可以使用 provide 进行依赖注入或配置实例的全局属性以供组件使用

computed 计算属性computed 计算属性是一个根据响应式依赖改变时可以进行自动跟踪计算的函数，并且计算后会生成缓存，每次使用computed 计算属性时会直接读取上一次计算的结果也就是缓存结果，并不会去重新进行 getter 函数的执行，computed 计算属性有两种返回值，第一种是接受一个getter 函数并返回 只读 ref 对象，第二种是接受一个 含有 get 和 set 方法

defineProperty 和 Proxy 的区别 Object.defineProperty只能对单个属性进行控制，而Proxy可以对整个对象进行控制。这意味着Proxy可以拦截更多的操作，比如has、deleteProperty、ownKeys等。而且Proxy不需要遍历对象的每个属性来定义拦截器函数，更加方便和高效。 Object.defineProperty会直接修改原始对象，而Prox

diff 算法 和 虚拟 DOMdiff （difference）在 vue 中需要根据 DOM 进行 diff 算法对比，找出差异节点，然后对差异节点进行更新渲染，diff 对比是需要本体和参照物的，如果没有虚拟 DOM 树作参照，则需要去遍历真实 DOM，真实DOM 会携带非常多的属性，遍历性能损失是非常巨大的，所以才要有虚拟 DOM ，去比较 虚拟 DOM（找出需要更新的一个虚拟 dom），