vue中父元件通過prop傳遞資料給子元件，而想要將子元件的資料傳遞給父元件，則可以通過自定義事件的繫結。
每個vue例項都實現了【事件介面】，即：
1、使用 $on(eventname) 監聽事件
2、使用 $emit(eventname) 觸發事件
父元件可以在使用子元件的地方直接用 v-on 來監聽子元件觸發的事件。
html**
合計}
註冊元件
vue.component('my-component',} 單價：} 數量：}
', data:function()
},methods:
}});
建立vue例項
var con = new vue(,,],
all: 0
},methods:{
priceall:function() {
this.all = 0;
for(let i=0; i這個例子是乙個極簡版的購物車合計，實現的功能是商品數量只要增加就合計一次總金額。
① 子元件上繫結有乙個click事件，每點選一次數量都會+1；
② 為了總金額也改變，通過 v-on 來監聽子元件的事件發生，用 $emit 觸發了例項中的方法來改變總金額，需要的話方法中可帶引數；
③ 用 $children 找到了子元件中的資料
Vue 2 0學習筆記 自定義指令
在vue中為了更好的操作dom元素，其內建了一些指令，比如v model v if v show v text v html v for和v bind等。除此之外，vue也允許註冊自定義指令 建立自定義指令，在vue中乙個指令定義物件可以提供下面幾個鉤子函式，而這幾個鉤子函式都是可選的 bind 只...
Vue2 0自定義過濾器
先了解一下什麼是vue過濾器 vue在1.0中有許許多多的各種功能的過濾器 先建立乙個例項裡面寫上一些資料稍後使用 var vm new vue methods dom 結構中 幾個1.0中自帶的過濾器例子 limitby 迴圈陣列的時候顯示幾條資料,從那條 索引 開始顯示 filterby在所有的...
Vue自定義指令實現v on及v model
鉤子函式引數 感謝閱讀 tips 如果你已了解自定義指令的基本使用，想知道它到底能做什麼，請直接看案例。如果你還不清楚自定義指令是什麼，可以翻到部落格後面看一些簡介 我們來模仿v on實現乙個簡易的v on，我們叫他v coder，執行前請先引入vue2.x myclick div div 先是在全...