田园项目组件创建

在这里插入图片描述
创建components文件夹 用于 存放组件

在components文件夹下创建 文件夹 用于写组件
在这里插入图片描述
在文件夹下新建 component

以轮播图为例:

在这里插入图片描述
app.json 里存放组件路径
在这里插入图片描述
如果只是单页面需要那个组件,可以在那个页面里的 .json 下配置组件路径

组件的js文件

// components/Swipt/index.js
const app=getApp()
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    products:{
      type:Array,
      value:[]
    },

  },

  /**
   * 组件的初始数据
   */
  data: {
    imgUrl: app.imgURL,

  },

  /**
   * 组件的方法列表
   */
  methods: {
    on_click(e){
      console.log(e)
      this.triggerEvent('click',{product_id:e.currentTarget.dataset.id});
    }

  },
  ready(){
    console.log(this.properties)
  }
})

methods中可以存放组件需要应用的函数

data里存放组件需要的数据数据

properties里在这里插入图片描述
需要与在这里插入图片描述相对应。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值