- 博客(104)
- 收藏
- 关注
原创 黑马程序员——Vue3小兔鲜项目(14. 拓展部分)
使用Vite快速创建一个Vue项目,在项目中添加请求插件axios,然后新增一个SKU组件,在根组件中把它渲染出来,下面是规格内容的基础模板。
2024-11-12 15:28:52
561
4
原创 黑马程序员——Vue3小兔鲜项目(10. 购物车)
基础思想:如果已经添加过相同的商品,就在其数量count上加一,如果没有添加过,就直接push到购物车列表中。
2024-11-12 15:24:15
408
原创 黑马程序员——Vue3小兔鲜项目(9. 登录页)
基础思想:很多接口如果想要获取数据必须要带着有效的Token信息才可以,拦截器中做一次,用到axios实例的其他都可以拿到。基本思想:Pinia负责用户数据相关的state和action,组件中只负责触发action函数并传递参数。密码:不能为空且为6-14个字符,字段名为 password。用户名:不能为空,字段名为 account。同意协议:必选,字段名为 agree。1- 新增清除用户信息action。2- 组件中执行业务逻辑。
2024-11-12 15:23:17
490
原创 黑马程序员——Vue3小兔鲜项目(8. 商品详情)
1- 设计props参数type。2- 使用组件传入不同的type。3- 获取基础数据渲染模版。
2024-11-12 15:21:46
446
原创 黑马程序员——Vue3小兔鲜项目(6. 一级分类页)
缓存问题:当路由path一样,参数不同的时候会选择直接复用路由对应的组件。基本思想:把组件内独立的业务逻辑通过。函数做封装处理,在组件中做组合使用。
2024-11-12 15:18:40
360
原创 黑马程序员——Vue3小兔鲜项目(5. Home页)
1- 按照结构新增五个组件,准备最简单的模版,分别在Home模块的入口组件中引入2- Home模块入口组件中引入并渲染。
2024-11-12 15:17:42
586
原创 黑马程序员——Vue3小兔鲜项目(4. Layout页)
核心逻辑:根据滚动距离判断当前show类名是否显示,大于78显示,小于78,不显示。字体图标采用的是阿里的字体图标库,样式文件已经准备好,在。
2024-11-12 15:16:41
408
原创 黑马程序员——Vue3小兔鲜项目(3. 项目起步)
路由设计原则:找页面的切换方式,如果是整体切换,则为一级路由,如果是在一级路由的内部进行的内容切换,则为二级路由。这里自动导入需要深入到elementPlus的组件中,按照官方的配置文档来。基于vite的项目默认不支持css预处理器,需要开发者单独安装。配置别名路径可以在写代码时联想提示路径。
2024-11-12 15:05:22
1061
原创 黑马程序员——Vue3小兔鲜项目(2. Pinia入门)
Pinia 是 Vue 的专属状态管理库,可以实现跨组件或页面共享状态,是 vuex 状态管理工具的替代品,和 Vuex相比,具备以下优势。
2024-11-12 15:03:49
423
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人