vue

storeToRefs 由于从pinia中直接解构数据，数据会丢失响应式。 使用storeToRefs可以保证解构出来的数据是响应式的数据

pinia模块化 新建store/user.js文件 新建store/counter.js文件 新建store/index.js 在组件中使用

概念 pinia核心概念 state: 状态 actions: 修改状态（包括同步和异步，pinia中没有mutations） getters: 计算属性 为什么使用pinia pinia和vuex4

由于在vue3中，组件中无法访问this,所以无法访问this.$route与this.$router useRoute useRoute是vue-router中的一个函数，是用来获取页面的路由信息。

安装vue-router yarn add vue-router 或 npm i vue-router 创建组件 在src/views文件夹中创建两个组件 创建文件 在src/router文件夹中创建

改写axios的返回值的TS类型 axios的二次封装，让axios和TS类型组合使用时更加方便 Axios 内置类型声明解读 TS类型封装

vue3项目的配置文件 工作区插件 工作区插件：.vscode\extensions.json 工作区设置 工作区设置： .vscode\settings.json 指定格式化程序 eslint 配置

封装axios 目的：基于 axios 封装一个请求工具，调用接口时使用。 安装axios yarn add axios 或 npm i axios 新建文件 新建 src/utils/request

什么是vuex? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 Vuex的基本使用 vu

分析项目 1、打包项目获取项目分析图 npm run build -- --report 2、打包项目生成的dist文件夹中有一个report.html文件 3、打开就会看到项目分析 4、根据分析图进

插件：为vue添加全局组件或功能 创建一个Vue.js文件 导入需要创建在Vue全局的组件 Vue.js文件需要导出install方法，方法的第一个参数就是Vue的构造器 在install方法里面注册

什么是路由守卫？ 路由在真正跳转前, 会执行一次beforeEach函数, 调用next()则跳转, 也可以通过next()强制修改要跳转的路由 next:是一个函数，必须调用才能跳转页面 to:表示

路由 什么是路由？ 路由是一种映射关系 Vue的路由是什么？ 路径和组件的映射关系 什么是单页面应用？ 所有的业务都在一个页面编写，只有一个html 单页面的好处？ 开发效率高，一次加载所有组件，用户

$refs $refs可以获取原生DOM和组件 $refs获取到的是一个对象 $refs可以获取组件所有的数据，包括组件的变量和方法 使用$refs 给标签或者组件添加ref属性 然后使用$refs获

Vue的生命周期是什么？ Vue实例从创建和销毁的过程就是一个生命周期 一个生命周期过程有四个阶段八个方法 钩子函数 四大阶段 初始化 挂载 更新 销毁 八个方法 阶段 方法名 方法名 初始化 bef

动态组件 什么是动态组件？ 在同一个挂载点，可以切换显示不同的组件 怎么使用动态组件？ 使用vue内置的component组件，并使用is属性 如何切换组件 把is属性的值改变为所要显示的组件名 如何

当组件的某一部分的内容不确定时，怎么处理？ 答：使用组件插槽slot slot是什么？ slot是一个占位符。当组件的内容不确定的时候先用slot标签先占位 当有多个部分内容不确定的时候，怎么处理？

为什么要配置基准路径 每一次的请求接口都是同一个路径 为了方便新建接口 配置 基准路径的配置一般是在utils文件夹中创建 utils/request.js

通过前端解决跨域问题 打开vue.config.js文件 添加devServer属性，devServer属性值是一个对象 devServer对象中添加proxy属性 代码如下 注意：只有请求接口有设置

组件 什么是组件？ 可复用vue实例，封装了标签、样式、JS 为什么要封装组件？ 重复使用相同的代码 什么时候封装组件？ 遇到可复用放入重复标签。 相对多，复杂的代码块 组件的好处？ 各自独立，方便使