uni-组件

一、简单组件

子组件

父调用

leftText='' @change123='this.onchange'>

import btnEdit from "../../components/input/btnEdit.vue"

export default {

components:{

btnEdit

},

method:{

change(){

}

}

二、子子传值

1创建js并new一个vue

import Vue from 'vue'

export default new Vue;

2直接导入无需注册可以用bus

import bus from "../../common/eventBus.js"

3使用这个vue里的on监听

mounted:function(){

bus.$on("call1",(message)=>{

this.showimg=message;

console.log(message);

});

}

4触发页面同样使用emit。

import bus from "../../common/eventBus.js"

bus.$emit("call1",res);

你可能感兴趣的:(uni-组件)