Vue传值
1.父传子
简单描述
父组件是通过props属性给子组件通信的
数据是单向流动 父—>子 (子组件中修改props数据,是无效的,会有一个红色警告)
实现步骤
1.子组件在props中创建一个属性,用于接收父组件传过来的值;
2.父组件 引入子组件–>注册子组件–>引用子组件;
3.在子组件标签中添加子组件props中创建的属性;
4.将所要传递的值赋值给该属性。
props接收的几种写法
1.直接使用 props 以一维数组的方式接收
props: ['childCom']
2.接收字符串
文章来源:https://www.toymoban.com/news/detail-463158.html
props: {
childCom: String //这里指定了字符串类型,如果类型不一致会警告的哦
}
3
文章来源地址https://www.toymoban.com/news/detail-463158.html
到了这里,关于vue组件通信----父传子(超详细)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!