Vue.JS-监听属性-简单的购物车

黄菊华老师

博客专家认证

2023-01-13 00:23:46

课时名称	课时知识点
Vue.JS-监听属性-简单的购物车	Vue.JS-监听属性-简单的购物车

...全文

16 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

使用Spring Boot实现一个简单的在线图书商城。简洁、大气的扁平化UI设计，给用户更好的体验。简单、快捷的购买流程让用户更快的买到自己喜欢的图书。用户简单的注册即可购买图书，在导航菜单上就可以查看自己的购物车以及订单信息。

Vue.js-小demo实现简单的游戏购物车table 最近通过学习vue框架，基本熟悉了其中的动态绑定属性，计算属性，监听，条件判断，循环遍历，所以通过一个小demo来巩固一下。这个小demo主要是通过通过动态绑定v-bind，计算属性computed，v-if和v-else的条件判断，v-for循环遍历的使用以及一个小的打印格式过滤器。效果图：整体效果是一个table，购物车嘛，最少就是1，所以我加了个disabled限制当数量为1时，禁止点击提交。代码的话分为三个部分，静态页H5，主体js，

认识Vuejs-->Vue体验-->插值操作-->v-bind学习-->计算属性-->ES6相关知识-->事件监听-->条件判断-->循环遍历-->购物车案例

vue基本语法以及简单的购物车实现

评论系统案例：封装 message 信息轻提示工具（样式布局、函数封装、元素属性）购物车案例：数据驱动页面渲染、DOM操作音视频进度条案例：DOM元素属性相关、事件相关操作其它：拖拽相关、canvas画布相关、面向对象相关、设计模式相关等小案例集合

黄菊华的课程社区_NO_5

1

社区成员

242

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章