vue 如何解构对象作为 props 传递?

• Z时代
• 2024-02-19
• 分类：IT

* parent.vue

<template>
  <div>
    <CHild :config="config"></CHild>
  </div>
</template>
<script>
export default {
  data() {
    return {
      config: {
        type: "component",
        label: "组件",
        value: 0
      }
    };
  }
};
</script>

• child.vue

<template>
  <div>type:{{ type }} label:{{ label }} value:{{ value }}</div>
</template>
<script>
export default {
  props: {
    type: String,
    label: String,
    value: Number
  }
};
</script>

我想在parent.vue 传递 config 的时候就把它解构,child 接受对应的普通类型值.
求教大佬怎么操作?

回答：

试试<CHild v-bind="config"></CHild>

以上是 vue 如何解构对象作为 props 传递? 的全部内容， 来源链接： utcz.com/p/936283.html