Kagerou

为什么要有组件测试？ 新建不同的属性的组件，只能肉眼观测 更新代码，要再次进行手动测试 效率太低了 # 初步安装 ```js npm install -D vitest ``` 建一个测试文件：exa

一.初步引入和使用 图标解决方案 Bootstrap、Fontawesome、Ionicons 选用Fontawesome 在main.js中引入 使用： 二.二次开发 Icon组件 Icon.vue

一.完成静态的Collapse Collapse.vue: CollapseItem.vue: 相应的types.ts: App.vue中使用： 初步实现效果： 二.添加折叠效果 因为这里的子组件是在

一.使用create vue 创建项目 这是搭建出来的默认界面，和使用vite的不一样 二.定义类型 types.ts 在Button.vue组件中引入类型： 在App.vue中使用组件： <Butt

一.使用vite创建项目 不选择vue-cli脚手架，换成使用vite，vite最大特点就是快，不需要进行打包，热加载快 是一个通用的脚手架工具 这里出了一个问题，就是vetur不支持vue3,所以H

一. 动态类型语言 运行时才进行数据类型检查 静态类型语言 编译阶段才进行数据类型检查 TS的优势 程序更容易理解 效率更高 更少的错误 安装 小demo:试试传入错误的参数 二.原始数据类型和Any

一.海报轮播图制作 使用swiper来制作，swiper-item就是每一张图片，要注意的是css样式，这里是比较难的地方 common-style: index.vue: 设置indicator，设

一. 1.css样式导入@import"../../" 2.tabBar设置底部菜单项以及iconfont图标 在pages.json中增加tabBar: 添加图标： 3.manifest.json应

一.vue3语法 1.关于computed的小案例 使用demo7制作的案例，加上价格以及价格的统计： 首先把checkboxgroup加在外层 ，加上@change事件 ，checkbox中加上:v