vue中子元件修改父元件傳入的值

2022-05-18 17:47:01 字數 472 閱讀 5873

父元件傳遞乙個物件給子元件,在子元件中直接修改這個接受到的物件裡面的值,不改變物件的引用位址,在父子元件中值都可以修改,控制台會報錯;

如上,如果子元件改變這個物件的引用位址,子元件中可以修改,父元件中不能修改,控制台會報錯;

如果傳遞的值是普通型別,子元件中可以修改,父元件中不能修改,控制台會報錯;、

不推薦子元件直接修改父元件中的引數,避免這個引數多個子元件引用,無法找到造成資料不正常的原因;

子元件可以使用$emit觸發父元件的方法,在父元件的方法裡去修改父元件的值;

vue的規範為所有的 prop 都使得其父子 prop 之間形成了乙個單向下行繫結。

vue中子元件呼叫父元件的方法

父元件 子元件 點選 父元件 子元件 點選 父元件 子元件 點選 this.parent.event可以呼叫父元件身上的方法,無需繫結在子元件身上。補充 有時候會失效,暫未發現觸發點,不建議使用。emit可以呼叫父元件在子元件身上自定義的事件,需要用 字首。建議使用此種方式 props可以呼叫父元件...

Vue 中子元件訪問父元件資料

官方解釋 所有的 prop 都使得其父子 prop 之間形成了乙個單向下行繫結 父級 prop 的更新會向下流動到子元件中,但是反過來則不行。這樣會防止從子元件意外變更父級元件的狀態,從而導致你的應用的資料流向難以理解。我們可以這樣理解,當父級元件的資料發生改變的時候,子級元件接受的資料也會自動發生...

vue中子元件向父元件傳值

子元件建立並監聽自定義函式,在自定義函式裡面指定this.emit 函式,通過this.emit 把想傳的值傳給父元件,父元件在子元件上監聽this.emit 中定義的事件名稱並繫結父元件自身的函式,在函式的引數中接收子元件傳遞的引數。1 父元件 父元件 home 父元件 父元件在子元件上監聽thi...