数据文件处理打包(脚本模拟数据库)
脚本文件输出module.exports()
- 把数据做成数组
- 单独新建文件夹和新建js文件,把数组放到里面
- 定义出口module.exports = { }
脚本文件引入require()
require()
只能使用相对路径
例:
var ooo = require(../../xxx.js)
脚本文件使用
this.setData({ })是兼容异步的函数,推荐一直使用该函数,避免出错
注意wx:for='键名',配合this.Data时写进data:{}里,调用也使用它,这里我找BUG半天..
template模板化
template模板,在定义的时候使用name属性,如以下声明方式
<template name="mytemp">
<view>
name:{{names}} address:{{add}}
</view>
</template>
模板不能直接在界面上显示,需要调用的时候才能显示出来,调用的时候需要使用is属性来说明调用的是哪个模板,并且传参的形式可以有多种
<!-- 直接给模板里面用到的字段赋值 -->
<template is="mytemp" data="{{names:'aaa', add:'bbbb'}}"></template>
<!-- 通过给模板赋值对象来调用-->
<template is="mytemp" data="{{...person}}"></template>
<!-- 通过给模板赋值数组里面的对象来调用-->
<template is="mytemp" data="{{...persons[0]}}"></template>
<template is="mytemp" data="{{...persons[1]}}"></template>
- 模板文件无法运行JS脚本,需另外放置到其他文件夹,然后再重新引入
- (使用本文最上面所说的脚本模拟数据库方法)
关于import
使用import引入template模板内容
引入wxml <import src="../post-item/post-item-template.wxml"/>
引入wxss @import "../post-item/post-item-template.wxss";