theyear

导航

 

做一个单选的组件,效果如下: 

 

第一种方法:

1、首先创建vue文件,

在props中接收传入的数据,template模版中根据数据循环显示,点击选择的数据可以根据$emit触发主文件中的事件(在引入组件时编写),

2、在文件中引用,需要引入文件,并在components中注册组件

<v-chooser :selections="buyTypes" @on-change="onParam($event)"></v-chooser>

:selections传入数据,on-change是在组件内触发,调用onParam方法接收组件传过来的数据(当然如果组件内没有传值过来,就接收不到啦)

第二种方法:

如果传入子组件的值是一个对象,那么子组件修改值时,父组件的值也会改变,因为对象之间是引用的

父组件中传入myData到子组件

子组件中: this.myData.a = '123'; 

这是父组件数据myData也会改变

 

posted on 2017-08-14 15:21  theyear  阅读(179)  评论(0编辑  收藏  举报