微信小程序学习笔记(三)

    • 数据文件处理打包(脚本模拟数据库)
        • 脚本文件输出module.exports()
        • 脚本文件引入require()
        • 脚本文件使用
      • template模板化
          • 关于import

数据文件处理打包(脚本模拟数据库)

脚本文件输出module.exports()

  1. 把数据做成数组
  2. 单独新建文件夹和新建js文件,把数组放到里面
  3. 定义出口module.exports = { }
    微信小程序学习笔记(三)_第1张图片

脚本文件引入require()

require()只能使用相对路径
例:
var ooo = require(../../xxx.js)

脚本文件使用

微信小程序学习笔记(三)_第2张图片 this.setData({ })是兼容异步的函数,推荐一直使用该函数,避免出错
这里写图片描述 注意wx:for='键名',配合this.Data时写进data:{}里,调用也使用它,这里我找BUG半天..

template模板化

template模板,在定义的时候使用name属性,如以下声明方式


模板不能直接在界面上显示,需要调用的时候才能显示出来,调用的时候需要使用is属性来说明调用的是哪个模板,并且传参的形式可以有多种








  • 模板文件无法运行JS脚本,需另外放置到其他文件夹,然后再重新引入
  • (使用本文最上面所说的脚本模拟数据库方法)
关于import

使用import引入template模板内容
引入wxml
引入wxss @import "../post-item/post-item-template.wxss";

你可能感兴趣的:(小程序)