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,时间)