小程序组件化————呱呱二号

小程序组件的使用:

  小程序组件包含四个文件,wxml,json,js,wxss

  1、在json中声明

  {

    "component": true

  }

  2、在wxml中编写组件模板的内容结构,在wxss中编写组件的样式,组件中的样式不会污染页面的样式

  注意事项:在wxss中不应该使用ID选择器和标签选择器以及属性选择器,推荐使用类选择器

  3、js中应该使用Component()构造器,注册组件,

  4、组件的属性,内部数据,将作用于组件的wxml渲染,组件的属性值可以由组件外部传入。

  5、需要使用组件的页面,要先在页面json文件中usingComponents声明,组件名称,组件路径

  {

    "usingComponents": {

      "component-name": "/path/components/component"

    }

  }

  6、在使用组件的页面使用

  <component-name></component-name>

转载于:https://www.cnblogs.com/guaguaerhao/p/8192278.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值