微信小程序组件的创建以及两种引用方式

创建组件:

右键单击components点击新建Component

(也可以先创建一个component同名文件夹然后再文件夹中新建Component,方便管理)

微信小程序组件的创建以及两种引用方式_第1张图片

引用组件:

在引用前要先刷新一下资源管理器,否则可能会提示找不到文件

微信小程序组件的创建以及两种引用方式_第2张图片

全局引用:

在app.json文件中引用

微信小程序组件的创建以及两种引用方式_第3张图片

局部引用:

在想使用组建的页面的 .json文件中引用

微信小程序组件的创建以及两种引用方式_第4张图片

组件的使用:

在页面中使用    就可在页面中展示组件test1中 test1.wxml 的所有内容

微信小程序组件的创建以及两种引用方式_第5张图片

 test1.wxml:

微信小程序组件的创建以及两种引用方式_第6张图片

 效果:

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