vue.js - 在vuejs中挂载组件时，如何只向子组件传递一次数据？

Question

我想将数据传递给子组件，但不想在父组件中的数据更改时绑定(bind)它

<parent :val="myval">
     <child :initialval="val"></child>
</parent>

此代码将我的初始值绑定(bind)到 myval，我只希望它第一次被传递，并且不希望 initialval 对我的 val 的更改使用react。

我可以在 child 组件的 mounted() 函数中不设置局部变量吗？

Answer 1

您想要从 prop 初始化组件的数据:

<parent :val="myval">
     <child :initialval="val"></child>
</parent>

在 child 中:

data() {
    return {
        value: initialval
    };
}

然后使用组件的数据项(在我的示例中为 value)而不是 prop 来执行您在组件中执行的任何操作。