美文网首页
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