个人笔记-----vue组件基础( 二 )父组件传值给子组件

为什么会引出这样的问题呢?
1,子组件的数据是动态的。
2,子组件是不可以直接引用父组件的数据的。

父组件向子组件传值,( 父组件向子组件传递数据时候,字符串,数字,方法都可以。)
1,在父组件页面的子组件标签里 设置一个自定义属性(:tit=""),将父组件的数据存储到这个自定义属性(:tit="")中,
2,在子组件里面接受这个自定义属性的数据,然后展示在子组件,
用 porps 来接收,porps是一个数组,
直接将 在父组件里面设置的动态属性添加进来 props:[‘tit’]


如何将父组件的 title:‘标题党真可恶’ 传给子组件

下图为父组件
在这里插入图片描述

下图为子组
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/sinat_42664398/article/details/89243915