一 小程序提供了许多api和基础组件，，，但为镌汰代码的重漂后和提高复用率，，，小程序也提供了自己的代码复用机制:

    小程序复用：页面模版（template），，，组件模版（component，，，使用时用标签的形式）。。

这两种模版的写法和之前页面的写法是一样的，，，都有四个文件 wxml，，，js，，，wxss, json

二我们在使用基础组件时好比 <view bindtap="" catchtap="" data-name="" id="" class="" ></view> 总会写事务和属性值，，，

自界说组件也一样需要有自己的属性和事务，，，

属性分内下属性和外下属性，，，这两种属性配合设置了组件的样式。。内下属性可以明确为手机的预装软件。。外下属性可以明确为手机的应用市肆，，，可以自己手动治理。。虽然我们也会提供接口供使用者来修改内下属性。。

三，，，生命周期：

组件也有生命周期函数，，，和页面一样。。

页面有：onload   onready    onshow    onhide       onunload

组件有：created   attached   ready       detached    move

新建component组件：

四，，，自界说组件，，，这是官方提供的例子

Component({ //自界说组件的专有形式，，，如page页面的page({})，，，app文件的App({})

behaviors: [],

properties: {

myProperty: { // 属性名

type: String, // 类型（必填），，，现在接受的类型包括：String, Number, Boolean, Object, Array, null（体现恣意类型）

value: '', // 属性初始值（可选。，，，若是未指定章会凭证类型选择一个

observer: function(newVal, oldVal){} // 属性被改变时执行的函数（可选。，，，也可以写成在methods段中界说的要领名字符串, 如：'_propertyChange'

},

myProperty2: String // 简化的界说方式

},

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

// 生命周期函数，，，可以为函数，，，或一个在methods段中界说的要领名

attached: function(){},

moved: function(){},

detached: function(){},

methods: {

onMyButtonTap: function(){

this.setData({

// 更新属性和数据的要领与更新页面数据的要领类似

})

},

_myPrivateMethod: function(){

// 内部要领建议以下划线开头

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

this.applyDataUpdates()

},

_propertyChange: function(newVal, oldVal) {

}

}

})

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

       {  useComponents:{"自界说组件名字":"组件的绝对路径"}}     如{  useComponents:{"p":"../page/page"}}

需求：自界说组件中放其他的基础组件。。

要领：在自界说组件的wxml文件中使用<slot name="">标签

自界说组件：<slot name="test"></slot>,将此标签放入想要安顿的位置。。

引用页面 ：<view style="background: _ _ _" slot="test"></view>//若是想要设置样式的话写在<slot>标签中是无效的。。

 组件岂论是自界说组件照旧基础组件，，，都有自己的属性，，，事务。。

注重：若是组件wxml文件中的slot标签中写了name属性，，，那么就必需在组件的js文件中写上options:{multipleSlots:true}，，，否则不起作用。。

小程序工具提供多类型商城/门店小程序制作，，，可视化编辑 1秒天生5步上线。。通过拖拽、拼接？？榻峁剐〕绦蛏坛且趁，，，所看即所得，，，只需要美工就能做出细腻商城。。更多小程序市肆请审查：小程序市肆