The vue parent component passes data to the child component. If the value passed is the value of a property of an object, and the object changes, will the value accepted by the child component change?

The approximate code of
  1. is as follows:

suppose that the scopeDfaultValue value passed to the this.selectScopes child component is the value of the first object of the this.selectScopes, when the child component triggers the event selectItemChange to be passed to the parent component, and in selectItemChange, the array this.selectScopes is replaced, then will the parent component pass to the child component value be affected?
Please explain why in detail. Thank you very much!

h("PopTipTransfer", {
    props: {
        scopeDefaultValue: this.selectScopes[0].value **
    },
    on: {
        selectItemChange: (itemValue) => {
            for (let item of this.itemTypes) {
                if (itemValue === item.value) {
                    this.selectScopes = item.scopes;
                }
            }
        },
    }
}
Mar.04,2021

will change. The official document has ide/components.html" rel=" nofollow noreferrer "> description
:

Prop
is one-way bound: when the property of the parent component changes, it is passed to the child component, but not vice versa. This is to prevent the child component from inadvertently modifying the state of the parent component to prevent the data flow of the application from becoming difficult to understand.
in addition, each time the parent component is updated, all prop of the child component is updated to the latest value. This means that you should not change the prop within the subcomponent. If you do, Vue
will give you a warning on the console.
Menu