Question

我有这个简单的脚本，我可以展示我的food.vue。但是我该如何将价值（苹果）传递给food.vue？

<template>
    <component v-bind:is="component"></component>   
</template>

<script>
import Food from '@/views/food'

export default {
    name: 'Food',
    data() {
        return {
            food: 'Apple',
            component: Food,
        }
    }
}
</script>

Answer 1

您可以将道具传递到agent标记，该标记将进一步传递到动态组件。假设component有一个名为Food.vue的道具，那么您可以创建一个food道具，如下所示：

food

在这种情况下，<component v-bind:is="component" :food="food"></component>组件将收到一个Food.vue的{{1}}道具。

Vue JS将值传递给其他组件

1 个答案: