切图仔

仿网易云移动端项目Vue3.2+Pinia+Vant+axios前期准备（Pinia，rem，初始化样式，图标引入，vant组件，axios）安装pinia1.在main.js引入注册2.创建storerem移动适配1.创建rem.js实现移动适配布局2.在index.html引入3.可以用px to rem 插件进行px和rem转换阿里图标引入(Symbol方法)1.在官网添加项目后复制symbol代码在index.html引入2.使用svg3.初始化样式，设

vite2创建项目用volar插件替换vetur插件vite配置文件resolve.alias配置项（路径别名使用）1.需要安装插件来支持ts:2.在配置文件导入node模块path并改resolve.alias3.添加配置项vue3.2语法糖1.setup 语法糖2.defineProps(自定义属性)3.defineEmits（自定义事件）4.useSlots和useAttrs（需引入）4.1.useSlots4. 2.useAttrs5.de

Vue3.x+Echarts 5.x数据可视化小项目

Vue3.x（计算属性与监视，watchEffect函数，生命周期，自定义hook函数，toRef和toRefs）

Vue3.xComposition API（组合API ）setup配置项（函数）1.setup函数的两种返回值 (对象和渲染函数)1.1 setup函数返回对象1.2setup函数返回渲染函数2.setup的注意点ref函数（定义响应式数据，可以是基本类型也可以是对象）1.语法（const xxx = ref(数据)）1.JS中操作数据： xxx.value2.模板中读取数据: 不需要.value，直接：{{xxx}}reactive函数（定义一个对象类型的

Vue3.x（浅响应式，响应式数据变为只读，响应式对象转为普通对象，自定义ref函数，provide 与 inject，响应式数据的判断，Composition API 的优势）

Vue3.x（基于vue-cli和vite创建项目）

Vue3.x（新增组件Fragment，Teleport，异步组件，全局API转移，动画过渡类名的更改等）