文章目录

 

1. 模块

模块的定义和使用：

module.exports = {
  welcome: 'welcome'
}

var welcome = require('../utils/welcome.js')
Page({
  data: {},
  onLoad: function() {
      …
   } 
})

注意

需要注意的是，path路径不可以使用绝对路径，否则会报错，
应该使用相对路径。

2. 模板

模板的定义和使用：

定义

<template name="msgItem">
  <view>
    <text> {{index}}: {{msg}} </text>
    <text> Time: {{time}} </text>
  </view>
</template>

使用

<import src="item.wxml" />
Page({
  data: {
    item: {
      index: 0, msg: 'this is a template',
      time: '2019-01-15'}}
})

template组件is属性：

<template name="odd">…
</template>
<template name="even">…
</template>
<block wx:for="{{[1, 2, 3, 4, 5]}}">
  <template is="{{item % 2 == 0 ? 'even' : 'odd'}}"/>
</block>

小程序模块化开发_小程序开发

注意

需要注意的是，模板拥有自己的作用域，只能使用data传入的数据以及模版定义文件中定义的 <wxs />模块。