Vuejs学习(三)组件开发

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.作用域插槽
在这里插入图片描述

发布了7 篇原创文章 · 获赞 0 · 访问量 54

猜你喜欢

转载自blog.csdn.net/zeshen123/article/details/103859360
今日推荐