VUE加强

入口函数 vue3与vue2相比，不再使用构造函数创建实例对象，且实例对象app比vm更轻。 setup setup是vue3的一个新配置项，组件中所用到的数据、方法都得配置在setup中。 setu

computed函数 vue3中的计算属性与vue2的配置功能一致，但在setup函数中使用必须先引入，写法如下： watch函数 vue3的watch函数参数分别为被监视属性、回调函数和其他配置，与

实现原理 通过Proxy（代理）拦截对象中任意属性的变化，包括：属性值的读改、属性的添加、属性的删除等 通过Reflect（反射）对源对象的属性进行操作 Vue3处理响应式数据的函数 ref函数 re

vue-router vue的一个插件库，专门用来实现SPA应用（单页面应用）。 路由 一个路由就是一组映射关系（key和value） key为路径，value可能为组件（前端路由）或函数（后端路由）

搭建vuex环境 创建文件：src/store/index.js 在main.js中创建vm时传入store配置项 基本使用 初始化数据、配置actions、mutations，操作文件store.j

当请求跨域时，可以通过vue脚手架配置代理来请求数据。 方法一 在vue.config.js中添加如下配置： 优点：配置简单。请求资源时直接发给前端（8080）即可。 缺点：不能配置多个代理，不能灵活

功能 mixin可以把多个组件共用的配置提取成一个混入对象。 使用方式 定义混合 使用混入这个就是混入啦。

Vue监测原理 Vue会监视data中所有层次的数据。 Vue如何监测对象中的数据 通过setter实现监控，且要在new Vue时就传入要监测的数据。 对象中后追加的属性，Vue默认不做响应式处理。

虚拟DOM（Vnodes）中key的作用： key是虚拟对象的标识，当数据发生变化时，Vue会根据【新数据】生成【新的虚拟DOM】。 随后Vue通过对比算法（diff算法）进行【新虚拟DOM】和【旧虚

Vue 数据代理 通过一个对象代理另一个对象的属性操作（借助Object.defineProperty方法） 修改obj2.x的值时obj1.x的值同步变化。 计算属性 要用的属性不存在，通过已有的属