多个props绑定和覆盖

如果你的组件有多个props，比如说5，6，7或更多，那么连续设置每个prop的绑定可能会变得很繁琐。幸运的是，有一种快速方法可以为组件上的所有属性设置绑定，这就是通过使用v-bind绑定对象而不是单个属性。

使用对象绑定的另一个好处是可以覆盖对象的任何绑定。

在我们的例子中，如果我们在 person 对象中将 isActive 设置为false，那么我们可以对实际person 组件执行另一个绑定，并将 isActive 设置为true而不覆盖原始对象。

<template>
    <div id="app"> 
        <person v-bind="person" :isActive="true"></person>
    </div>    
</template>

<script>
    import Person from "@/components/Person.vue"
    export default {
        name: "APP",
        components: {
            Person
        },
        data () {
           return {
                person: {
                    firstName: "Jabin",
                    lastName: "Peng",
                    dob: "2020/11/30",
                    isActive: false
                }
           }
        }
    }
</script>