本文共 529 字，大约阅读时间需要 1 分钟。

1.组件注册

1.1 全局组件注册语法

1.2 组件用法

1.3组件命名方式

1.4局部组件注册

2.组件间数据交互

2.1父组件向子组件传值

2.2子组件向父组件传值

子组件通过自定义事件向父组件传递信息

扩大字体

父组件监听子组件的事件

2.3非父子组件间传值

1. 单独的事件中心管理组件间的通信

var eventHub = new Vue()

2. 监听事件与销毁事件

eventHub.$on('add-todo', addTodo)eventHub.$off('add-todo')

3. 触发事件

eventHub.$emit(‘add-todo', id)

3.组件插槽

3.1组件插槽基本用法

1. 插槽位置

Vue.component('alert-box', {	template: `		
   
			
    Error!			
    		
   
	`})

2. 插槽内容

   
    Something bad happened.
   

3.2具名插槽用法

3.3作用域插槽

转载地址：http://dwmzi.baihongyu.com/