文件名称:大车
文件大小:124KB
文件格式:ZIP
更新时间:2024-03-10 11:40:11
JavaScript
大车 购物车案例 1.实现组件化布局 把静态页面转换成组件化模式 把组件渲染到页面上 2,实现标题和结算功能组件 标题组件实现动态渲染 从父组件把标题数据传递过来即父向子组件传值 把传递过来的数据渲染到页面上 结算功能组件 从父组件把商品列表列表数据传递过来即父向子组件传值 把传递过来的数据计算最终价格渲染到页面上 3.实现列表组件删除功能 从父组件把商品列表列表数据传递过来即父向子组件传值 把传递过来的数据渲染到页面上 点击删除按钮的时候删除对应的数据 给按钮添加点击事件把需要删除的id传递过来 子组件中不推荐操作父组件的数据有可能多个子组件使用父组件的数据我们需要把数据传递给父组件让父组件操作数据 父组件删除对应的数据 4.实现组件更新数据功能上 将输入采样的默认数据动态渲染出来 输入框失去焦点的时候更改商品的数量 子组件中不推荐操作数据把这些数据传递给父组件让父组件处理这些数据 父组
【文件预览】:
Cart-master
----README.md(1KB)
----shop.html(7KB)
----img()
--------a.jpg(3KB)
--------d.jpg(2KB)
--------e.jpg(2KB)
--------b.jpg(2KB)
--------c.jpg(2KB)
----Cart.png(23KB)
----js()
--------vue.js(334KB)