微信小程序引用自定义组件

时间:2022-07-24
本文章向大家介绍微信小程序引用自定义组件，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

新建一个component文件夹与page文件夹平级，新建个power文件夹， 里面的wxml，wxss，js，json都是与page的一样 在.json文件夹中添加

  "component": true

我在.wxml就简单写一句话，具体的可以自己根据业务添加wxss和js

<view>
<p>实力与野心不符，是件很可悲的事情</p>
</view>

然后在需要引入组件的页面.json文件中

  "usingComponents": {
    "power": "../../component/power/power"
  },

最终的页面展示

<!--index.wxml-->
<view>
<view bindtap="getchange">{{msg}}</view>
<view bindtap="getapi">扫一扫</view>
<power></power>
</view>

引入一个最简单的组件就完成了

随机文章
本站知识点必读
最近更新