使用组件的三个步骤
步骤1:使用import语法导入需要的组件
步骤2:使用components节点注册组件
步骤三:以标签形式使用刚才注册的组件
注册全局组件
在vue项目的main.ks入口文件中,通过vue.component()方法,可以注册全局组件。
组件的props
props是组件的自定义属性,在封装通用组件的时候,合理地使用props可以极大的提高组件的复用性!
props是只读的
vue规定:组件中封装的自定义属性是只读的,程序员不能直接修改props的值,否则会直接报错:
要想修改props的值,可以把props的值转存到data中,因为data中的数据都是可读可写的
props的default默认值
props的type值类型
用type属性定义属性的值类型,如果传递过来的值不符合此类型,则会在终端报错
可定义String、Boolean、Array等常用类型
props的required必填项
声明require后说明谁调用我必须将需要的属性传递给我否则报错
组件的生命周期&生命周期的函数
1.生命周期:是指一个组件从创建-》运行-》销毁的整个阶段,强调的是一个时间段
2.生命周期函数:是由vue框架提供的内置函数,会伴随着组件的生命周期,自动按次序执行,强调的是时间点。
3.组件生命周期函数 的分类
组件之间的数据共享
1.组件之间的关系:
(1)父子关系
(2)兄弟关系
2.父子组件之间的数据共享
2.1父组件向子组件共享数据需要使用自定义属性。
2.2子组件向父组件共享数据要使用自定义事件。
3.兄弟组件的数据共享方案是EventBus
EventBus的使用步骤
1.创建eventBus.js模块,并向外共享一个Vue的实例对象
2.在数据发送发,调用bus.$emit('事件名称',要发送的数据)方法触发自定义事件
3.在数据接收方,调用bus.$on('事件名称',事件处理函数)方法注册一个自定义事件