Vuejs学习（三）组件开发_vuejs三组件-CSDN博客

本文链接：https://blog.csdn.net/zeshen123/article/details/103859360

1.全局组件注册在这里插入图片描述 2.全局组件使用

3.组件可以复用，复用的组件是独立的
4.template中的标签元素要有根元素
5.可利用模板字符串即倒引号的方式提高template中的代码可读性
6.组件注册中的data是个函数形式的，如图一所示
7.若组件用驼峰式命名则只能在template中使用，而不能在<html></html>中使用，若一定要使用则变成短横线命名即可
若使用短横线则两者都可以
8.局部注册
（1）注册
在这里插入图片描述
（2）使用

（3）在全局组件中不能使用局部组件
9.父组件向子组件传值用props
10.父组件new Vue();
子组件Vue.component(’’,{});

11.
12.兄弟组件之间数据交互
通过提供一个数据中心的办法，即创建一个新的Vue对象，再利用mounted监听自己，最后在自己方法中用数据中心的$emit触发对方
13.组件插槽
在template中用唯一标签<slot>
14.具名插槽
在这里插入图片描述 15.<template>能够起到临时包裹的作用
16.作用域插槽

17.模板抽离写法
（1）用script标签

（2）用template标签

18.

19.父子组件传消息

20.props用对象类型

21.子组件像父组件传值
（1）子组件发射

（2）父标签监听
在这里插入图片描述
（3）父组件响应监听

22.父组件访问子组件
（1）$children（很少用）
（2）$refs
需要在标签上添加ref=‘xxx’
在这里插入图片描述
23.子组件访问父组件
（1）$parent(很少用)
（2）$root

24.插槽的使用

（1）在组件中添加标签会将插槽替换
（2）在<slot>中添加标签则会成为默认值
（3）若组件插槽有多个标签，会一并替换
25.替换具体插槽
在替换标签的属性slot中写上对应组件插槽的名字
在这里插入图片描述