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

vue

第二天学Vue

    • 尝试着用Vue实现的购物车案例
    • 过程中解决了几个问题

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

实现:静态页面组件化:

尝试用Vue把静态页面转换成组件化模式 一些业务功能还在写。

父组件渲染到页面上

分三大块:

1.标题组件

2.商品列表组件

3.商品结算组件

过程中解决了几个问题

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

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


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

  • 图片未显示出来;


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

  • 控制台报错


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

还有业务逻辑未实现,今天这个案例只是把原本用ajax实现的转成Vue的编码风格,代码到未写多少,解决了几个bug。

对比看视频学习写案例,这样的学习感觉很有意思,毕竟bug是自己写的,然后又解决了,顺便把新的知识点

简单应用下。

以上是 初学Vue实现一个组件化的购物车 的全部内容, 来源链接: utcz.com/z/377861.html

回到顶部