props:
适用于场景: 父子组件通信.
注意事项:
- 如果父组件给子组件传递数据(函数) — 本质是子组件给父组件传递数据.
- 父组件给子组件传递的数据(非函数) — 本质是父组件给子组件传递数据.
书写方式: 3种
[‘todos’],{type : Array}, {type: Array, default :[]}
其中还有路由props: 布尔值, 对象, 函数形式
自定义事件:
使用场景: 子组件给父组件传递数据
$on, $emit
全局事件总线:$bus
适用于场景: 万能
vue.prototype.$bus = this
Vuex:
使用场景: 万能
插槽
使用场景: 父子组件通信
- 默认插槽
- 具名插槽
- 作用域插槽
pubsub-js(发布与订阅)
使用场景: 万能