查看node.js版本，需要是16.0以上版本
html
node -v创建一个vue应用
html
npm init vue@latest
在windows窗口中进入vs code命令
html
code ./
创建项目后vs code打开安装依赖
html
npm install安装好以后运行程序
打开页面
deep有性能损耗，尽量不开启deep
生命周期函数 指组件从创建到销毁各个阶段实际成熟之后会自动执行的函数
setup语法糖下，局部组件无需注册，导入就可以直接使用
**模板引用的概念：**通过ref标识获取真实的dom对象或者组件实例对象
使用git克隆代码
html
git clone http://git.itcast.cn/heimaqianduan/vue3-basic-project.git
新建文件
VS code打开文件，安装依赖
html
npm install
什么是别名路径联想提示
在编写代码的过程中，一旦 输入 @/ , VSCode会立刻 联想出src下的所有子目录和文件, 统一文件路径访问不容易出错
首先装包
html
npm install element-plus --save按需导入
安装插件
html
npm install -D unplugin-vue-components unplugin-auto-import定制Element主题
安装scss
html
npm i sass -D准备定制化的样式文件
为什么要自动导入
在项目里一些组件共享的色值会以scss变量的方式统一放到一个名为 var.scss 的文件中，正常组件中使用，需要先导
入scss文件，再使用内部的变量，比较繁琐，自动导入可以免去手动导入的步骤，直接使用内部的变量
安装vueuse插件
html
npm i @vueuse/core结论：俩个导航中的列表是完全一致的，但是要发送俩次网络请求，存在浪费。通过Pinia集中管理数据，再把数据给组件使用
基于逻辑函数拆分业务是指把同一个组件中独立的业务代码通过函数做封装处理，提升代码的可维护性
安装
html
npm i pinia-plugin-persistedstate将插件添加到pinia实例上
Token作为用户标识，在很多个接口中都需要携带Token才可以正确获取数据，所以需要在接口调用时携带Token。另
外，为了统一控制采取请求拦截器携带的方案
