父子元件傳值

因為啊，今天在寫**的時候遇到坑，自己發現元件傳值有點不熟悉了，以前寫過，但是都是照著文件寫的。然後今天按照記憶寫，發現自己有點忘了。究其緣由，我覺的還是自己對於父子元件傳值的理解不夠深入。

首先vue2.0規定了元件傳值是單向的，父元件傳值給子元件，方法是利用繫結屬性的方式，子元件通過props接受，props後面可以寫成陣列的形式，也可以寫成物件的形式。

// props:[「tosondata」],//第一種方式

props:

}兩種方式都可以，我自己用第一種方式居多，有人覺的第二張方式比較好，這個看個人，喜歡用哪種就用那種。

還有就是父傳子的時候，要學會活用。

兒子把資料給爸爸。一般情況，兒子是不能直接修改爸爸的資料，就像你不能偷你爸的錢，要錢你要和他說啊。

this.emi

t(′c

allb

ack′

,"多少

錢")這

裡的th

is

.emit('callback',"多少錢") 這裡的this.

emit(′

call

back

′,"多

少錢")

這裡的t

his.

emit 就相當於和父親說，怎麼說？

利用callback，就相當於你在外面，callback是方法，比如打**或者託人和你爸說你沒錢，後面跟著的是你要告訴他你要多少錢。可以寫多個，比如這個月一千，下個月2千。

既然你給你爸用callback打了**，你爸肯定要接**。

於是爸爸就用v-on繫結了這個**事件，記住繫結的事件，不是屬性，有些人就會習慣性的用：call了back。比如我哈哈哈哈哈。。

用v-on繫結了這個接**事件。也可以用@callback。接了**之後肯定要發生點啥啊。於是就觸發了個函式，可以叫做接到**。可以在這樣繫結事件。

這裡的接**要帶引號，記住了。

然後你去methods裡寫你爸接到**準備幹啥，比如你告訴他三個月的錢，他接收，

getcall（a,b,c）

於是父子傳值的問題，就這樣被乙個用乙個坑爹的兒子的故事講完了。

喂，內鬼，我要偷運毒品的，我在外邊，你想想辦法，我的標記是callback

嗯，我知道了，那我拿到毒品之後，就根據你的標記發過去啊，你自己想辦法接受 沒有問題，我準備了乙個叫做****的傢伙獲取的

@callback = 『****』, @拿毒品=『偷運毒品的內鬼』 偷運毒品的內鬼: function

()

@callback = 『***』, @click=『yyy』 yyy: function ()

好了，結束了麼？

在多說幾句吧。

子元件是不能直接修改父元件的值的，因為兒子不能亂動爸爸的錢。

所以當我們通過父元件給子元件傳值時，可以在子元件中的data中，把prop：穿過來的值賦值乙個數值

然後通過改變的自己data裡的值去給父親傳值。比如if自己data裡的值變成false的時候觸發this.$emit()事件。給父元件傳值

還有一種情況就是，父元件傳過來的是乙個布林值，於是我在watch中監聽這個傳過來的布林值，當布林值發生變化的時候，給父元件傳值

watch }

getmoney()

父子元件傳值

父元件的data中定義值 用import引入子元件 在components中注入子元件 父元件對子元件呼叫 註冊 引用 import list from components common list.vue export default 註冊 hello 元件 components 在父元件中定義乙...

父子元件傳值

第一種 前提 在父元件中引入子元件，並且宣告標籤對 ps 這中方法只能當子元件中的 v if true 時才可以 父元件主動獲取子元件值或者方法 this.refs.屬性 this.refs.方法 子元件主動獲取父元件值或者方法 this.parent.資料 this.parent.方法 第二種 路...

父子元件傳值

一 現在開發模式遇到的問題 問題 現在vue的專案，開發模式有乙個大的缺陷 原生的vue專案的目錄如下 1.assets 存放靜態檔案，2.components 非頁面級元件 3.page 存放頁面姐元件 4.router 存放 路由介面 5.index.html 進行控制根節點頁面顯示。缺陷是什麼...