prop请求接口后传递数据给子组件

yl_9

于 2023-03-08 13:47:10 发布

阅读量195

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/weixin_43638272/article/details/129401928

版权

文章讲述了在Vue.js中，父组件如何将一个对象通过props传递给子组件，并在子组件内部使用watch深度监听这个对象的变化，确保当接口返回新值时能及时更新子组件的状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

父组件中

<Child :datas="datas"></Child>

子组件

props: {
    datas: {
        type: Object,
        default: () => ({})
    }
},
watch: {
    datas: { // 取接口返回值 
        handler(newVal, oldVal) {
            if (newVal) {
                this.datas = newVal 
            }
        },
        immediate: true,
        deep: true //因为是传的对象，属于复杂的数据结构 所以用深层监听 deep 
    }
},