vuejs之Vue2.x中的父组件数据传递至子组件的方法
Vue2.x中的父组件传递数据至子组件的方法
父组件结构
(相关资料图)
template
:girls="aGirls">
script
import vGirlGroup from "./GirlGroup"
export default {
name: "girl",
components: {
vGirlGroup
},
data () {
return {
aGirls:[{
name:"小丽",
age:22
},{
name:"小美",
age:21
},{
name:"小荷",
age:24
}]
}
}
}
注意的点:
•子组件的拼写方式:vGirlGroup写成v-girl-group
•这里子组件中的绑定数据是:girls="aGirls",这里的aGirls数据是父组件中的data,girls是要传递至子组件的属性
子组件结构
template
{{ index }} - {{ value.name }} - {{ value.age }}注意的点:
•v-for的遍历对象时的参数顺序-变更 具体见:https://cn.vuejs.org/v2/guide/migration.html#v-for-遍历对象时的参数顺序-变更
•v-for中$index和$key这两个隐式声明的变量移除 具体见:https://cn.vuejs.org/v2/guide/migration.html#index-and-key-移除
export default {
name: "girl-group",
props: {
girls: {
type: Array,
required: true
}
}
}
注意点:
•props中的数据是来自在父组件中绑定在子组件上的值 另外:使用IDE、编辑器开发时,可能会提示成prop
•girls中对数据做了一些校验
结果
以上所述是小编给大家介绍的Vue2.x中的父组件数据传递至子组件,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
以上就是本次给大家分享的关于java的全部知识点内容总结,大家还可以在下方相关文章里找到相关文章进一步学习,感谢大家的阅读和支持。
标签:
相关推荐:
最新新闻:
- 苹果手机为什么充不进电?苹果手机充电充不进去电的原因及解决方法-每日动态
- 三星e728报价是多少?三星首款天线折叠手机E728评测-环球消息
- 当前热议!【管理-固件升级】从DD-WRT固件刷到Tomato的升级方案
- 可以搜附近人的交友软件有哪些?有哪些靠谱的交友软件?
- 如何查询appInfo、appName?appInfo查询方法_当前关注
- Windows、Mac、Unix、Linux什么是iOS?-报道
- 世界观天下!GIS开发Georver:共享地理空间数据的开源服务器
- SP2的系统怎么操作?如何使用SP2的系统文件?
- dv机哪个好?索尼FD-AX100E热门款型推荐
- Android直播新思路:4.1Android推流到服务器:要闻速递
- QQ.COM二级域名大全 腾讯旗下产品大全
- 每日消息!泛域名证书不起作用?主机绑定多个域名就可以了
- 当前看点!cad怎么导出jpg图片格式?cad导出jpg图片格式的方法
- 带你走一遍自定义View之旅——效果图
- 【每日一练】什么是预编译?何时需要编译?
- 在pycharm中运行代码时显示下面错误如何解决?
- 模板文件css.htm制作教程 Discuz!模板文件的简单讲解
- 如何在12306网上订火车票官网退票?12306网上订火车票官网退票教程|当前最新
- 华为mate40Pro如何开启颜色反转?开启颜色反转方式:今日最新
- vuejs之Vue2.x中的父组件数据传递至子组件的方法
- 天天最新:在Ubuntu18.04、Deep终端中实现输入密码回显星号
- 《绝地求生》主播打造3A级开放世界生存游戏新作 世界观热点
- 今年夏季《忍者小子》将改编成四人合作动作游戏
- 环球新动态:性价比绝了!中兴小方糖双频千兆路由器99元
- 不怕偷 哈罗电动车2373元
- 长江存储颗粒!梵想S500PRO 2TB M.2固态硬盘低至579元|环球观察
- 又曝大Bug!Windows 11会导致SSD速度降低
- 清仓大促销!AMD R5-5500板U套装低至789元
- 每日资讯:Roguelike策略卡牌游戏《河口蟾蜍》面向PC公布
- Epic喜+1:策略游戏《战锤40K:角斗士之战争圣器》 下周送《终极象棋》
- 《红霞岛》公布剧情预告 5月2日正式发售 快讯
- 阿斯报:维尼修斯将视频出庭指证种族主义辱骂他的马洛卡球迷:要闻
- 【环球新视野】《迪士尼竞速风暴》将于4/18以抢先体验形式推出
- 2023年科隆展将迎来一个大厂回归 有更多公司参加-天天亮点
- 湖北省黄石市市场监管局抽检食品42批次 1批次不合格
- 环保少女偷删世界末日预言推文 曾称人类会被毁灭_全球今亮点
- 外媒:《GTA6》应加入私服 因为《GTAOL》私服很火
- 【全球独家】DLSS3普及速度更快:《暗黑4》《极限竞速:地平线5》和虚幻5.2
- 英国有6家游戏公司支持微软收购 只有索尼不支持
- 全球观速讯丨小米智能鱼缸399元开售 支持半年免换水 远程喂鱼
- 本田召回近45万辆汽车 安全带自己会开
- 特斯拉Model 3改装120寸大轮毂:暴力测试来了
- 天禄科技(301045):关于召开2023年第三次临时股东大会,审议《关于公司符合向特定对象发行股票条件的议案》等议案
- 观速讯丨现实版GTA?美国劫匪偷直升机因操作失误当场坠毁
- 《最终幻想起源:天堂的陌生人》4月登陆Steam-全球观点
- 张译新剧《他是谁》豆瓣大量好评!张译演技绝了-简讯
- 确有其事还是开玩笑?刘德华将导演成龙吴京电影 世界热头条
- 今日播报!外星人 m16 游戏本 RTX4050/4060/4070 开卖:15999 元起
- 今日精选:iPhone 14黄色版跌到5200 卖的格外好
- 即时焦点:马自达CX-50开售:58分钟卖出2000台
- “绵阳造”上海行 长虹激光携光影耀申城
- 卡普空《恐龙浩劫》公测开启 残暴恐龙大军来袭
- 当前视讯!游民专访周董...的卫冕电竞战队Jteam
- 环球微速讯:《生化危机4:重制版》艾达王篇和佣兵模式或以DLC形式推出
- 文心一言秒变毕加索 看看百度AI画的青春校园女孩
- 环球聚焦:透明键盘超炫酷!戴尔背光机械键盘直降400元入手
- 调教Siri!苹果入局人工智能_环球微头条
- 王者荣耀体验服爆料:新增姐弟关系,基友关系改名
- 优势互补、携手共赢|极智嘉(Geek+)合作九州云智
- 每日观察!提前尝鲜!参与京东“先人一步”提前到手Find X6系列新机
- 环球精选!手游太赚钱!去年苹果手游收入几乎等于Xbox总收入
- 当前关注:11bit推出超豪华捆绑包 工作室所有作品打包卖95元
- 文心一言已有650家合作伙伴接入:内测并不完美
- 天天观速讯丨《机动战士高达:激战任务2》下载量突破500万 官方举办感谢活动
- Steam2023春季促销有哪些游戏?Steam春促2023哪些游戏打折?
- 感觉还不错 《生化危机4重制版》第一人称mod 世界实时
- 10股特大单净流入资金超2亿元_今日热闻
- 天天最新:看看有没有你的手机!MIUI 14第三批正式发布,共有18款手机机型在名单中
- 品质永不过时,A.O.史密斯加力打造智能舒适家居放心服务:天天热闻
- 对信息泄露和定位跟踪说“再见”,TD Tech F4智防手机护你安全出行
- 全球即时看!幼升小护眼台灯首选,看状元郎宽面学习台灯如何凭实力出圈
- 脑机接口产业技术路线图研究项目专家研讨会在沪顺利召开:天天热讯
- 山雨欲来风满楼 友谊时光新游《浮生忆玲珑》PV首曝
- 天天快消息!《最后生还者》艾莉声优盛赞小熊女演技:没人比她更适合这个角色
- 世界观天下!粉丝喊话《真人快打12》加入艾莉 开发商:我拒绝 不愿看到艾莉受伤害