vue 不理解，子傳父，下面了標記1,2,3 說說是怎麼一回事，求助？

1樓：西瓜太郎

不管用什麼方式，你只要理解這個傳值是怎麼設計的就可以了；子傳父就是在父元件會定義乙個方法和引數，在子元件去呼叫，呼叫的時候可以傳子元件中的值作為引數，這時候就會執行父元件定義的方法，這樣也就可以在父元件中拿到子元件的值了！

你圖中的1其實就是你父元件定義的方法，然後通過3步驟把方法傳給子元件，然後2就是呼叫父元件傳過來的方法（那個方法的引數v就是在子元件用呼叫的時候要傳入的引數），把資料傳給父元件！

2樓：滴答滴答的消逝了

子傳父，即子元件向父元件傳值，怎麼實現？

先說明emit作甚的，有下面一句話：

/對於vue.js中的this.$emit的理解：

this.$emit(『待觸發的函式的名字』,「這個位子是可以加引數的」)；其實它的作用就是觸發自定義函式。/

總體思路是子元件傳遞乙個攜帶引數的方法的引用給父元件，父元件通過抓取該方法引用獲取到值。它是利用vue的機制通過v-on:do-change="dochange"，當子元件emit的do-change方法被呼叫了，會把值傳給父元件的dochange方法作形參

接下來說一下思路順序：

1、子元件定義了乙個方法dochild 通過子元件自己的input輸入資料，且當keyup後觸發dochild方法

2、dochild（）執行了，this.$emit("do-change", "this.myTips")跟著執行了，OK，現在已經向父元件傳遞了乙個事件名為do-change的方法引用

3、父元件根據components:（我省略其他的東西了）去告知編譯器誰是他的兒子（必須的啊，否則就沒有下面的故事了），(⊙o⊙)…肯定不是你和我

4、父元件在自己的template中通過實現在自己身上掛上了子元件

5、關鍵來了，子元件不是通過this.$emit向父元件傳了個do-change方法引用嗎？我們需要用了，如下：

PS:這邊dochange不能寫成dochange()這樣就直接呼叫了！！！因為人家是由子元件控制呼叫的，這樣子直接呼叫父元件dochange方法是【取不到子元件給的引數的！！！

】而只寫dochange代表我只引用你，不執行你，觸發由子元件去觸發，完美perfect

6、好的，我們在父元件定義乙個方法dochange，嘿嘿相當於子元件對父元件的方法做了乙個對映，由子元件通知父元件去幹活

7、父元件dochange方法更改了父元件的data物件中的某個屬性，即dddd屬性的值，如下dddd="子元件傳的引數值"

8、由於父元件的雙向繫結了該屬性，因此你對dddd的值做的修改會直接顯示到該輸入框中作為它的text value

3樓：木子林夕

子傳父：子組建通過emit觸發父組建中自定義在子組建標籤上事件on-change

父傳子：將父組建的資料繫結到子組建標籤上，在子組建中通過props獲取

4樓：neo

父元件在子元件上新增自定義事件，就是@後面那個，子元件通過$emit觸發父元件的自定義事件，第二個引數是傳遞給父元件的值，父元件就可以收到

vue 不理解，子傳父 ， 下面了 標記1,2,3 說說是怎麼一回事，求助？