自定义组件的使用
import x from '@/...' @表示项目的根目录
export default {
components:{
x
}
}
管道接受传入参数
<btn color:"blue"></btn>
父组件接受子组件的自定义方法
//父组件
<btn color:"blue" @change="change">
methods:{
change(e) {
console.log("我是父组件事件,我传入的颜色是"+e)
}
}
//子组件
<template>
<view :style="color:color" @click="onClick">
</view>
</template>
methods:{
onClick() {
this.$emit("change",this.color) //外部自定义事件名字,参数
}
}
插槽
//父组件下
<btn>我想在这里写内容</tbn>
//组件内
<template>
<view>
<slot></slot>
</view>
</template>