Vue2.0开发之——购物车案例-Goods组件封装-把购买数量传给counter组件(52)
创始人
2024-05-29 10:16:25
0次
一 概述
- Goods组件中导入Counter组件
- 设置Counter组件的数量
二 Goods组件中导入Counter组件
2.1 Goods组件中导入Counter组件
import Counter from "@/components/Counter/Counter.vue";
2.2 Goods组件中注册Counter组件
components:{Counter
}
2.3 Goods组件中使用Counter组件
2.4 导入Counter后效果图-Counter中设置了固定值
三 设置Counter组件的数量
App.vue中list中Item数量——>Goods中count——>Counter中num
3.1 Counter.vue中定义num数量
定义num属性
export default {props:{//接收到的num数量值num:{type:Number,default:1}}
}
渲染num值
{{ num }}
3.2 Goods.vue中，设置传递到Counter中的数量
3.3 效果图
相关内容
热门资讯
安卓系统所有暗码大全,暗码大全...
你有没有遇到过那种手机解锁时突然冒出个暗码，让你一头雾水的情况？别急，今天就来给你揭秘安卓系统所有暗...
安卓p原生系统样子,安卓P原生...
你有没有注意到，你的安卓手机最近是不是变得不一样了？没错，就是那个安卓P原生系统，它悄悄地来了，带来...
如何把harmony系统改为安...
你是不是也对Harmony系统有点儿腻味了，想要换换口味，试试安卓系统的魅力呢？别急，今天就来手把手...
郑州安卓会议视频系统,高效便捷...
你有没有想过，在繁忙的会议中，如何让每个人都能清晰地看到演示内容呢？今天，就让我带你走进郑州安卓会议...
安卓平板怎么备份系统,全方位备...
你有没有想过，如果你的安卓平板突然“罢工”了，里面的资料怎么办？别急，今天就来教你怎么备份系统，让你...
安卓子系统什么条件,探索安卓子...
你有没有想过，安卓系统中的子系统到底在什么条件下才能发挥出它最大的威力呢？这可是个有趣的话题呢！想象...
安卓定期更新系统,守护安全与流...
你知道吗？安卓系统，这个陪伴我们手机生活的“小助手”，最近可是又长大啦！没错，我又要来跟你聊聊安卓定...
安卓怎么删旧系统,安卓手机系统...
手机用久了，是不是觉得卡得要命？别急，今天就来教你怎么给安卓手机删掉旧系统，让它焕发新生！一、为什么...
安卓系统旺信图标,安卓系统中的...
你有没有注意到手机屏幕上那个小小的旺信图标？它静静地躺在安卓系统的应用列表里，仿佛一个忠诚的小卫士，...
安卓系统刷入ios系统教程,刷...
亲爱的手机控们，你是否曾幻想过，你的安卓手机也能拥有iOS系统的优雅和流畅？别再只是想想了，今天就来...
荣耀安卓系统哪些机型,探索荣耀...
你有没有发现，最近安卓手机圈里有个大热门？那就是荣耀安卓系统的新机型！是不是好奇哪些机型搭载了这款全...
安卓系统绘画工具,创意无限的艺...
你有没有发现，随着智能手机的普及，我们手中的小屏幕已经变成了一个创意无限的小画室呢？没错，就是那个安...
安卓系统手机载屏,解锁屏幕新体...
你有没有发现，现在手机屏幕越来越大，简直就像个小电视！这不，安卓系统手机载屏的风潮已经席卷而来，让我...
安卓系统有onenote吗,便...
你有没有发现，安卓系统里的应用真是五花八门，让人眼花缭乱。不过，说到笔记应用，你是不是也在想，安卓系...
安卓10和系统11,两大系统巅...
你知道吗？最近手机圈可是热闹非凡呢！安卓系统又迎来了大更新，安卓10和系统11的发布，让无数手机爱好...
酷开系统比安卓系统好?,引领智...
你有没有想过，为什么有些人说酷开系统比安卓系统好呢？这可不是空穴来风哦，今天咱们就来好好聊聊这个话题...
安卓系统没有实时模糊,无需实时...
你有没有发现，用安卓手机拍照的时候，有时候照片里的背景模糊得有点让人头疼呢？别急，今天就来聊聊这个让...
安卓系统永久开启adb,尽享便...
你有没有想过，你的安卓手机里隐藏着一个小秘密？没错，就是那个神秘的ADB（Android Debug...
windows平板 安卓双系统...
你有没有想过，拥有一台既能轻松处理工作，又能畅玩游戏的平板电脑是多么美妙的事情呢？想象一边在Wind...
安卓系统快捷打电话,安卓系统一...
你是不是也和我一样，有时候在手机上看到某个号码，突然就想直接打电话给对方呢？别急，今天就来给你揭秘安...