uniapp自定义组件

757 阅读1分钟

一、需求:在uniapp中自定义组件并在项目中使用

二、步骤

1、在项目根目录中新建文件夹components

image.png

2、右键该文件夹,点击新建组件,输入相关信息就行了

image.png

3、点击进入刚才创建好的组件,默认已经给name赋值了,记住不能删除,因为这是导出的组件名称

image.png

其中props用于接收从父组件传过来的值,可以自己定义类型和默认值,还有一点就是props属性一定要写在前面,要不然不生效哦

4、在父组件中引用

接着我们打开需要使用这个组件的父组件页面,进行导入和注册组件

image.png

接着就可以使用啦~

image.png