零基础学习微信小程序(7):自定义组件

创建组件:

创建组件的时候应该要创建存放组件的文件夹,一个自定义组件是由json、wxml、wxss、js4个文件构成的。
零基础学习微信小程序(7):自定义组件_第1张图片
创建4个文件的小技巧:右击Tabs文件夹,选中新建Component,再输入文件名,即可创建4个文件。
注意点:与页面.js文件相比较,页面的js文件存放回调函数的时候,存放在data同层级下;组件js文件中,存放事件回调函数的时候,必须存放在methods中。

声明组件:

在组件的json文件中要对自定义组件进行声明。
零基础学习微信小程序(7):自定义组件_第2张图片
第一行表示的是,声明了该组件。
第二行表示的是,使用了某个组件。
在需要使用组件的页面json中,应该写入代码:
零基础学习微信小程序(7):自定义组件_第3张图片
该代码表明了使用了Tabs组件,该组件的路径为“…/…/components/Tabs/Tabs”

使用组件:

在需要使用组件的地方使用组件,即可成功的使用组件
在这里插入图片描述
在这里插入图片描述

文章内容为视频零基础玩转微信小程序【黑马程序员】知识点整合

你可能感兴趣的:(微信小程序)