一小程序提供了很多api和基础组件,但为减少代码的复杂度和提高复用率

小程序提供了很多API和基础组件,但为了降低代码复杂度,提高复用率,小程序也提供了自己的代码复用机制:

小程序复用:页面模板()、组件模板(以标签的形式使用)。

这两个模板的写法和上一页的写法是一样的。 他们有四个文件 wxml、js、wxss 和 json。

其次,当我们使用基本组件时,我们总是编写事件和属性值。

自定义组件还需要有自己的属性和事件。

属性分为内部属性和外部属性。 这两个属性共同设置组件的样式。 内部属性可以理解为手机预装的软件。 外部属性可以理解为手机应用商店,可以手动管理。 当然,我们也会提供接口供用户修改内部属性。

3、生命周期:

组件也有生命周期功能,就像页面一样。

这些页面是:

组成部分是: 准备移动

创建新组件:

四、自定义组件,这是KTV的例子

({ //自定义组件的专有形式,如page页面为page({}),app文件为App({})

程序小游戏_小程序:_程序小作品

:[],

:{

: { // 属性名称

type: , // 类型(必填),目前接受的类型包括:, , , , Array, null(表示任意类型)

value: '', // 属性初始值(可选),如果不指定,将根据类型选择一个

: (, ){} // 属性改变时执行的函数(可选),也可以写成节中定义的方法名字符串,如:''

},

: // 简化定义

},

data: {}, // 私有数据,可用于模板渲染

// 生命周期函数,可以是中定义的函数或方法名

: (){},

程序小游戏_程序小作品_小程序:

移动:(){},

: (){},

:{

:(){

这。({

// 更新属性和数据的方法与更新页面数据的方法类似。

})

},

:(){

// 建议内部方法以下划线开头

this.(['A', 0, 'B'], '') // 这里将 data.A[0].B 设置为 ''

这。()

},

: (,) {

})

使用组件在页面的json文件中配置

{ :{"自定义组件名称":"组件的绝对路径"}} 例如 { :{"p":"../page/page"}}

需求:将其他基础组件放在自定义组件中。

方法:在自定义组件的wxml文件中使用标签

自定义组件:将此标签放置在您想要放置的位置。

引用page: //如果要设置样式,写在标签里是无效的。

组件,无论是自定义组件还是基本组件,都有自己的属性和事件。

注意:如果组件的wxml文件中的slot标签中写的是name属性,那么组件的js文件中必须写:{:true},否则不起作用。

小程序工具提供多种类型商城/商店小程序,可视化编辑1秒5步生成并上线。 通过拖拽拼接模块布局小程序商城页面,所见即所得,只需要美工即可打造出精美的商城。更多小程序商城请参见:小程序商城

© 版权声明
评论 抢沙发
加载中~
每日一言
不怕万人阻挡,只怕自己投降
Not afraid of people blocking, I'm afraid their surrender