初学Vue实现一个组件化的购物车

尝试着用Vue实现的购物车案例

实现:静态页面组件化: 购物车静态页面
尝试用Vue把静态页面转换成组件化模式 一些业务功能还在写。
组件渲染
父组件渲染到页面上
父组件
分三大块:
1.标题组件
2.商品列表组件
3.商品结算组件子组件

过程中解决了几个问题

  • 组件模板没有设置成单个根元素
    报错1

  • 页面中原样出现了标签属性等内容 控制台没找到错,然后查找了F12中elements结果发现少了两个个标签a和input。

  • 标签未找到
    错误原因是:a标签后面的属性中少了结束的引号;
    引号未写全

  • 图片未显示出来;

  • 路径
    错误原因:路径出错,改成相对路径就好了

  • 控制台报错

  • 跨域访问
    错误分析:同源策略阻止跨域资源访问 文件协议不在跨域访问成员中。

还有业务逻辑未实现,今天这个案例只是把原本用ajax实现的转成Vue的编码风格,代码到未写多少,解决了几个bug。
对比看视频学习写案例,这样的学习感觉很有意思,毕竟bug是自己写的,然后又解决了,顺便把新的知识点
简单应用下。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值