vue 組件數據傳遞:

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,時間)

相關文章
相關標籤/搜索