基本路由 安装vue-router，命令 npm i vue-router (vue-router的4版本以上只能在vue3中使用，vue2需要执行npm i vue-router@3) 应用插件 Vue.use(VueRouter

Vuex概念专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对Vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。 使用场景 多个组件依赖于同一状态 来自不同组件的行为需

更新记录 2023-09-14：对于“slot插槽”作了补充。 Vue脚手架配置代理 vue.config.js是一个可选的配置文件，如果项目的根目录中存在这个文件，那么它会被@vue/cli-service自动加载。你也可以使用pac

更新记录 2023-09-14：对于“$nextTick”作了补充。 $nextTick 这是一个生命周期钩子 this.$nextTick(回调函数)在下一次DOM更新结束后执行其指定的回调 我们可以理解成，Vue 在更新 DOM 时

全局事件总线 一种可以在任意组件间通信的方式，本质上就是一个对象，它必须满足以下条件 所有组件对象都必须能看见它 这个对象必须能够使用$on $emit $off方法去绑定、触发和解绑事件 使用步骤 定义全局事件总线 new Vue

WebStorage 浏览器通过Window.sessionStorage和Window.localStorage属性来实现本地存储机制 相关DPI xxxStorage.seItem('key', 'value') 该方法接受一个键和值

ref属性 ref被用来给元素或子组件注册引用信息（id的替代者） 应用在html标签上获取的是真实的DOM元素 应用在组件标签上获取的是组件实例对象vc（如果组件用id属性标识，那么通过ref获取的也是真实的DOM元素） 使用方式：

更新记录 2023-09-13：新增生命周期具体分析，新增“数据请求在created和mouted的区别”章节。 Vue生命周期 总结 常用的生命周期钩子： mounted发送ajax请求、启动定时器、绑定自定义事件、订阅消息等初

更新记录 2023-09-11：对于“如何选择key”作了补充。 列表渲染 React，Vue中的key有什么作用？ 虚拟DOM中key的作用：key是虚拟DOM中对象的标识，当数据发生变化时，Vue会根据新数据生成新的虚拟DOM，

计算属性 使用场景：要用的属性不存在，需要通过已有属性计算得来。 对于Vue而言，简单来说data配置项中的就是属性。因此计算属性名并不在data中存在，但它必须由data中的属性计算得来，否则Vue检测不到涉及属性的变化。 底

MVVM模型 MVVM模型 M：模型Model，data中的数据 V：视图View，模板代码 VM：视图模型ViewModel，Vue实例，用来连接Model和View，是Model和View之间的桥梁 观察结果： data中的所有

CSS3是CSS2的升级版本，它在CSS2的基础上，新增了很多强大的新功能，从而解决一些实际面临的问题。