vue父组件变量传递子组件_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 }}

注意的点：

export default {

name: 'girl-group',

props: {

girls: {

type: Array,

required: true

}

注意点：

props中的数据是来自在父组件中绑定在子组件上的值另外:使用IDE、编辑器开发时，可能会提示成prop

girls中对数据做了一些校验

结果

vue父组件变量传递子组件_Vue2.x中的父组件数据传递至子组件相关推荐

css父相子绝导航,CSS中的父相子绝布局
主要应用场景,就是我想要块的布局根据父级来定位,而不是根据页面. 例如,下面的例子中,我用两个半圆拼成一个正圆,思路是用一个父级标签把两个子标签包起来,父标签是一个正圆,然后子标签各占一半,先化成两个 ...
Android中Activity之间的数据传递（Intent和Bundle）
当一个Activity启动另一个Activity时,常常会有一些数据传过去,对于Activity之间的数据交换更简单,因为两个Activity之间进行数据传递交换更简单,因为两个Activity之间本 ...
python中的文件父路径怎么表达_如何在Python中访问父目录
所以我有一个朋友给我的Python脚本,但是我没有Python的经验.代码如下:from os import path, chdir, listdir, mkdir, getcwd from sys ...
三个activity之间跳转数据传递_第二百四十二回：Android中Fragment之间的数据传递概述...
各位看官们大家好,上一回中咱们说的是Android中Activity之间数据传递的例子,这一回咱们说的例子是Fragment之间的数据传递.闲话休提,言归正转.让我们一起Talk Android吧! ...
ANDROID中ACTIVITY间的数据传递
效果:有两个Activity分别为A和B,从A中采用Bundle封装数据向B中传递数据,然后使用startActivityForResult在B中修改后回传数据. 第一个Activity的layout ...
java中怎么使用json数据_JAVA中使用JSON进行数据传递
1.是不是只有xml传递数据的技术才是webservice? 可以这么理解.webservice是基于SOAP协议,SOAP协议是基于XML的文本协议.所以webservice可以简单理解为是基于XM ...
python中的文件父路径怎么表达_python中的文件父路径怎么表达_如何在Python中访问父目录...
所以我有一个朋友给我的Python脚本,但是我没有Python的经验.代码如下:from os import path, chdir, listdir, mkdir, getcwd from sys ...
微信小程序怎么把获取的值传到引用组件内_微信小程序如何将接口获取的数据传递给自定义组件...
2019-07-11 回答不知道你是什么意思.帮你改了下 class program { static int n = 4; int i, m; dsd[] a = new dsd[n]; publ ...
PyQt中如何在子部件(child Widget)中调用父部件(parent Widget)中的方法
如果你也想赚钱,实现财务自由,但接触不到优质的人脉和资源,可以到公June浩:成长home,发"资源" ,就会看到我吐血整理的168条保姆级零基础吸金秘籍,跟着我一起亲历毕业5年. ...

vue父组件变量传递子组件_Vue2.x中的父组件数据传递至子组件

vue父组件变量传递子组件_Vue2.x中的父组件数据传递至子组件相关推荐

最新文章

热门文章