如何在vuejs中安装组件期间仅将数据传递给子组件一次?

时间:2017-09-11 14:33:00

标签: vue.js vuejs2 vue-component

我想将数据传递给子组件,但是当父数据发生更改时不想绑定它

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

此代码将我的初始值绑定到myval,我只是希望它第一次传递,并且不希望initialval对我的val的更改做出反应。

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

2 个答案:

答案 0 :(得分:3)

您想要从道具中初始化组件的数据:

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

和孩子:

value

然后使用组件的数据项(此示例中为aha)而不是支持您在组件中执行的操作。

答案 1 :(得分:0)

您可以使用v-once属性

<child :initialval="val" v-once></child>