- 博客(11)
- 收藏
- 关注
RSS订阅原创 Vue3+TypeScript项目（用户管理模块）
添加用户按钮：我们在点击添加用户按钮的时候，先把之前的用户数据清空。截图修改一下，用户名字改为username，用户名称改为name。添加和修改的请求封装成一个。点击取消按钮之后：关闭抽屉。
2024-04-03 17:28:08
334
1
原创 Vue3+TypeScript项目（SKU管理模块）
注意：在这里切换页码和切换每页数据条数的回调不同是因为：它们都能对函数注入数据，切换页码注入的是点击的页码数，因此我们可以直接使用getHasSku作为他的回调。切换每页数据条数注入的是切换的页码条数，我们希望切换后跳转到第一页，因此使用handler，间接调用getHasSku。无外乎API(type)，组件内发请求拿数据、将数据放到模板中。2：对数据结构的理解（可以将请求回来的数据放到正确的位置上）3：element-plus组件的使用。由于没有返回数据，所以没有ts类型。轮播图 carousel。
2024-04-02 17:16:06
1211
1
原创 Vue3+TypeScript项目（SPU管理模块）
单元。是商品的最小单位，是一组可复用、易检索的标准化信息的集合，该集合描述了一个产品的特性。通俗点讲，、特性相同的商品就可以称为一个SPU。
2024-03-28 17:17:59
805
原创 Vue3+TypeScript项目（属性管理模块）
属性管理分为上面部分的三级分类模块以及下面的添加属性部分。我们将三级分类模块单独提取出来做成全局组件。
2024-03-19 17:44:24
379
1
原创 Vue3+TypeScript项目（品牌管理模块）
2.el-table-column的type属性：对应列的类型。因为prop属性虽然能够展示数据，但是他默认是div，如果我们的图片使用prop展示的话，会展示图片的路径。3.el-table-column的prop属性：字段名称 对应列内容的字段名， 也可以使用 property属性。比如我们这里绑定的trademarkArr是个三个对象的数组，就会多出来3行。注意：因为我们之前已经绑定了数据，所以在这里直接使用数据的属性tmName。在数据展示模块，我们使用了element-plus的。
2024-03-17 18:56:15
609
1
原创 Vue3+TypeScript项目（中）
创建 src\store\modules\types\type.ts//定义小仓库数据state类型创建src\utils\token.ts//封装本地存储存储数据与读取数据方法//存储数据//本地存储获取数据修改src\store\modules\user.ts//创建用户相关的小仓库//引入接口//引入数据类型//引入操作本地存储的数据方法//创建用户小仓库//小仓库存储数据的地方return {token: GET_TOKEN(), //用户唯一标识},
2024-03-05 17:33:44
402
1
原创 Vue3+TypeScript项目（上）
一个项目要有统一的规范，需要使用eslint+stylelint+prettier来对我们的代码质量做检测和修复，需要使用husky来做commit拦截，需要使用commitlint来统一提交规范，需要使用preinstall来统一包管理工具。当我们 commit 提交信息时，就不能再随意写了，必须是 git commit -m 'fix: xxx' 符合类型的才可以，**需要注意的是类型的后面需要用英文的 :，并且冒号后面是需要空一格的，这个是不能省略的。stylelint为css的lint工具。
2024-03-04 15:32:04
2033
1
原创 TypeScript（下）
要创建对象，必须要先定义类，所谓的类可以理解为对象的模型，程序中可以根据类创建指定类型的对象，举例来说：可以通过Person类来创建人的对象，通过Dog类创建狗的对象，通过Car类来创建汽车的对象，不同的类可以用来创建不同的对象。* 上例中，test函数有一个参数类型不确定，但是能确定的时其返回值的类型和参数的类型是相同的，由于类型不确定所以参数和返回值均使用了any，但是很明显这样做是不合适的，首先使用any会关闭TS的类型检查，其次这样设置也不能体现出参数和返回值是相同的类型。
2024-02-23 17:28:03
727
原创 TypeScript（上）
官方也提供了一个在线开发 TypeScript 的云环境——。基于它，我们无须在本地安装环境，只需要一个浏览器即可随时学习和编写 TypeScript，同时还可以方便地选择 TypeScript 版本、配置 tsconfig，并对 TypeScript 实时静态类型检测、转译输出 JavaScript 和在线执行。而且在体验上，它也一点儿不逊色于任何本地的 IDE，对于刚刚学习 TypeScript 的我们来说，算是一个不错的选择。
2024-02-23 13:50:56
1440
转载 【Vue】带你快速上手Vue3 - 使用 - Composition API - 响应式原理 - 新特性
setup() {alert(`你好啊，你触发了hello事件，我收到的参数是:${value}！`);},
2024-02-21 11:29:12
66
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人