// 子组件
const cpn = {
template: '#cpn',
data(){
return {
categories:[
{id: 'aaa', name: '热门推荐'},
{id: 'aaa', name: '手机数码'},
{id: 'aaa', name: '家用家电'},
{id: 'aaa', name: '电脑办公'}
]
}
},
// 方法:存放函数
methods:{
btnclick(item){ // 按钮点击调用的函数
// console.log(item.name) // 打印item的名字
this.$emit('itemclick', item) // 发射事件名为:'itemclick',参数为:item
}
}
}
// 父组件
const app = new Vue({
el: '#app',
data:{
message: '我是父组件'
},
components:{ // 注册子组件
cpn
},
methods:{
cpnclick(item){ // cpn被点击事件
console.log(item.name) // 打印按钮名称
}
}
})
本文暂时没有评论,来添加一个吧(●'◡'●)