uni与php通讯,uni-app 之组件之间的通讯方式

首先目录结构如下：

image.png

test.vue 自定义组件

这是一个test测试组件

{{title}}

父组件传值 //绑定点击事件

export default {

data() {

return {

num:3

};

},

props:['title'], //接收父组件传递的数据

methods:{

sendNum(){

// console.log(this.num);

this.$emit("eventSend",this.num); //向父组件传递信息

}

}

}

index.vue 父组件

//引入子组件

import test from "../../components/test.vue"

export default {

data() {

return {

title: 'Hello'

}

},

onLoad() {

},

methods: {

getNum(data){

console.log(data);

}

},

components:{

test:test

}

}