vue插件集合15：vue 组件传递参数的方法以及事件方法

1：创建公共的子组件

template：
<view class="listCon" v-for="item in list">
				<view class="listwd flexbox">
					<view class="vipwd">{{item.name}}</view>
					<view class="vipwd">{{item.vip}}</view>
					<view>{{item.num}}</view>
					<view>{{item.price}}</view>
					<view class="statewd stateBtn" @click="handleTrans(item)">点击时间</view>
				</view>
				
			</view>
script: 传递参数
props:{
			list:Array,
			// textLoading:String
},
// 传递方法  进行绑定		
methods:{
			handleTrans(item){
				this.$emit('jieshou',item)
			}
		},

2：父组件接受传递的参数 以及事件方法

script:接受子组件 并且注册为组件
import transList from "子组件所在的路径";
components: {
			transList
}

template:在页面中进行编写
<transList :list='listyi' @jieshou='handle'></transList>
data： 编写测试数据
data() {
			return {
				listyi: [{
						name: "151****1234",
						vip: "V2",
						num: 100,
						price: 20,
						buyNum: 0,
						saleNum: 10,
						dealer: "1311221"
					},
				]
			}
		},
methods: {
	// 打印出当前点击的按钮的对应数据
	handle(item){
			console.log(data);
	},
}

借鉴：参考借鉴