美文网首页
vue组件使用

vue组件使用

作者: 寒眼 | 来源:发表于2018-06-29 11:20 被阅读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);
}

相关文章

网友评论

      本文标题:vue组件使用

      本文链接:https://www.haomeiwen.com/subject/rfogyftx.html