uniapp中子组件接收数据
时间: 2023-10-30 17:07:03 浏览: 75
Vue2.0子同级组件之间数据交互方法
在uniapp中,子组件可以通过props属性接收父组件传递过来的数据。具体来说,父组件可以通过在子组件标签上添加属性的方式将数据传递给子组件,子组件可以通过props属性来接收这些数据。例如,在父组件中可以这样传递数据给子组件:
<template>
<child :message="msg"></child>
</template>
<script>
import child from '@/components/child.vue'
export default {
components: {
child
},
data() {
return {
msg: 'Hello World!'
}
}
}
</script>
在子组件中,可以通过props属性来接收这个数据:
<template>
<div>{{ message }}</div>
</template>
<script>
export default {
props: {
message: String
}
}
</script>
这样,子组件就可以接收到父组件传递过来的数据了。当父组件的数据发生变化时,子组件也会随之更新。
阅读全文