uniapp学习打卡-vue笔记组件详解

最新推荐文章于 2024-04-02 10:05:32 发布

qq_35455562

最新推荐文章于 2024-04-02 10:05:32 发布

阅读量695

点赞数 1

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_35455562/article/details/88987658

版权

全局组件及局部组件

全局组件，定义之后，适用于页面上所有对象el
局部组件，定义之后，只适用于页面上指定的el
局部注册的组件在其子组件中默认不可用，如果需要使用需要先声明导入import ComponentA from ‘./ComponentA.vue’

组件的使用，建议单独产生一个文件夹进行管理，使用前先导入注册

在这里插入图片描述

基础组件的自动化全局注册（可以把常用的按钮打包）

在这里插入图片描述

组件的数据源（props请指定小写）

组件数据源可以指定数据类型，用于浏览器解析时，不符合类型提示错误

在这里插入图片描述

组件的数据源可以传静态或动态

在这里插入图片描述

组件的数据源在传入数值、布尔值，数组，对象等非字符串类型的值时，必须使用v-bind：（绑定字段名）来指定 ; 传一个对象所有值,也就是不指定绑定的字段名，则直接用v-bind

在这里插入图片描述

组件的单向数据流限定，我们必须从外部修改数据源，不在组件内部修改数据

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
uniapp学习打卡-vue笔记组件详解

全局组件及局部组件全局组件，定义之后，适用于页面上所有对象el局部组件，定义之后，只适用于页面上指定的el局部注册的组件在其子组件中默认不可用，如果需要使用需要先声明导入import ComponentA from ‘./ComponentA.vue’组件的使用，建议单独产生一个文件夹进行管理，使用前先导入注册基础组件的自动化全局注册（可以把常用的按钮打包）组件的数据源（...
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。