javascript - 在 vue 中传递信息而不是 props 的正确方法是什么？

Question

我有示例代码：

<template>
    <div>
        <v-text-field
                v-model="device.name"
        />
        <v-text-field
            v-model="device.serial_number"
        />
        <v-btn
            @click="save"
        />
    </div>
</template>

<script>
    export default {
        name: "DeviceDialog",
        methods: {
            save(){
                //axios magic
            },
        },
        props: {
            device: {
                type: Object,
                required: true
            },
        }
    }
</script>

单击设备列表时可以使用该表单，并且我将带有所有信息的项目作为道具传递，但我听说我不应该那样做。什么是正确的方法？

标签： javascriptvue.jsfrontend