vue1 組件數據傳遞: √
1. 子組件就想獲取父組件data
在調用子組件:vue
<bbb :m="數據"></bbb>
子組件以內:vuex
props:['m','myMsg'] props:{ 'm':String, 'myMsg':Number }
2. 父級獲取子級數據
*子組件把本身的數據,發送到父級this
vm.$emit(事件名,數據);
v-on: @
--------------------------------------------
vm.$dispatch(事件名,數據) 子級向父級發送數據
vm.$broadcast(事件名,數據) 父級向子級廣播數據
配合: event:{}spa
在vue2.0裏面已經,報廢了
--------------------------------------------
slot:
位置、槽口
做用: 佔個位置code
相似ng裏面 transclude (指令)對象
--------------------------------------------------------------------blog
vue2.0事件
--------------------------------------------------------------------同步
組件通訊:
vm.$emit()
vm.$on();it
父組件和子組件:
子組件想要拿到父組件數據:
經過 props
以前,子組件能夠更改父組件信息,能夠是同步 sync
如今,不容許直接給父級的數據,作賦值操做
問題,就想更改:
a). 父組件每次傳一個對象給子組件, 對象之間引用 √
b). 只是不報錯, mounted中轉
------------------------------------------------------
能夠單一事件管理組件通訊: vuex
var Event=new Vue();
Event.$emit(事件名稱, 數據)
Event.$on(事件名稱,function(data){ //data }.bind(this));------------------------------------------------------debounce 廢棄 -> lodash _.debounce(fn,時間)