uniapp组件传值的方法有哪些

父组件给子组件传值

创建子组件comp.vue，然后在index.vue父页面使用该组件：

可以看到在上面的index页面中有一个数据为name，我们下面使用props将父组件的name值传给子组件comp.vue。首先在父组件中使用子组件的上面进行绑定传参：

然后在子组件comp.vue中使用props接收父组件传过来的值：

然后设置一个点击事件打印拿到的name的值

打印的值：

子组件给父组件传值

在子组件中使用this.$emit对父组件进行传值

在comp.vue中：

methods: {
	sendMsg() {
		//子传父
		this.$emit('getMsg', "我是子,"+this.name);
	}
}

在index.vue中：

定义openMsg方法绑定给@getMsg

然后写openMsg方法：打印传过来的值

methods: {openMsg(msg) {console.log(msg)}}

结果如下：这样子组件编写的值传到了父组件中打印了出来

父组件给父组件传对象值

父给子传值还是使用props方法，只是传对象的话写法有些区别

在父组件中：

现需要将song中songList的值传过去

子组件中进行接收：

运行结果：

这样就能把对象的值传过来并且渲染：