一、组件之间的通信
通信方式分为传值和传引用两种方式:
传值:string ,number , boolean;
传引用:array , object
注:传引用的时候,一个地方的数据变化,其余地方引用的数据也会跟着变化。
二、父组件向子组件传值
在父组件中,需要注册子组件并引用子组件,这里演示两种,传值和传引用。在子组件中需要通过props属性来接收父组件传递的值。具体代码示例如下:
<script> import test from './test' export default{ data(){ return{ title:'传递的是一个值,(number,string,boolean)', intems: [ {name:'小白兔',sex:"女",age:"18",school:"-------大学"}, {name:'小白兔',sex:"男",age:"23",school:"-------大学"}, {name:'小白兔',sex:"女",age:"12",school:"-------大学"}, {name:'小白兔',sex:"女",age:"26",school:"-------大学"}, {name:'小白兔',sex:"男",age:"20",school:"-------大学"}, ] } }, components:{ test } } </script>
{{title}}
如对本文有疑问, 点击进行留言回复!!
荐 微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示
网友评论