微信小程序自定义组件标签

目录

前言

1.创建一个components文件夹，用来放自定义组件标签

2.右键components文件夹，选择新建component，然后自定义名字

 3.在需要使用自定义组件标签的页面中，配置json文件

4.在需要使用组件的页面中 直接去使用自定义组件标签名 来染组件

总结

一、使用步骤

1.创建一个components文件夹，用来放自定义组件标签

2.右键components文件夹，选择新建component，然后自定义名字

        自定义组件标签文件夹里也有四个文件 

                 注意：自定义组件标签名不要与page的文件名一样

        js        和页面中的js格式有些不同

        json    ：

                        {

                                component:true        //允许被页面使用

                        }

        wxml     编写组件标签模板

        wxss     编写组件标签样式         建议使用类选择器

 3.在需要使用自定义组件标签的页面中，配置json文件

        "usingComponents": {

             "自定义组件标签名":"组件模板的相对路径"

        }

        注意:
                自定义组件标签名 不能与已有的html标签名冲突如果有多个单词组成 我们建议使用中横线命名法 例如: test-demo

4.在需要使用组件的页面中 直接使用自定义组件标签名 

        <自定义组件标签名></自定义组件标签名>

总结

自定义组件标签可以实现对组件标签的复用