vue开发购物车遇到的小bug

2021年5月18日使用vue写购物车案例

  1. 使用”==”表示等于,”=”表示赋值
  2. 子组件向父组件传值用$emit

    //把id传递个父组件
    methods: {
    changeNum: function(id, event){
    this.$emit('change-num', {
    id: id,
    type: 'change',
    num: event.target.value
    });
    },

  3. 父组件向子组件传值需要”props”进行接收
  4. 使用自定义方法时名字用“changeNum”
  5. 阻止超链接跳转用“@click.prevent='sub(item.id)'”
  6. 查找数据时用“some”,终止时用”return true”
  7. 查找索引用 “findIndex”,删除数据用“splice(index,1,[item])”,idex表示起始数组下标即索引值,第二个表示删除长度或者为个数,item表示替换的值,没有则为空

     

  8. 图片属性 src 不用双向绑定,直接取出

     

     

     ps:小白一枚,刚接触,有写的不对的请指出,谢谢,愿大家共同进步!

posted @ 2021-05-18 16:06  萌妹子的vlog  阅读(139)  评论(0)    收藏  举报