vue组件使用

2018-06-29  本文已影响20人  寒眼

先引入 import aB from './components/AB'
再声明 components:aB
在代码中 <a-b></a-b>
父组件向子组件传递
通过props
父组件:
<slide-show :slides="slides"></slide-show>
子组件:
props:{
slides:{
type:Array,
default:[]
}
},
mounted:function () {
console.log(this.slides)
}

子组件 向 父组件传值
在子组件中 this.$emit("onchange",index);
父组件 中 监听 onchange方法 <slide-show @onchange="SlideOnChange"></slide-show>
在method中拿到参数
SlideOnChange(index){
console.log("SlideOnChange===>"+index);
}

上一篇下一篇

猜你喜欢

热点阅读