小程序的模板化(进度50%)

1 、将业务中的数据分离到单独的数据文件中,

//按住alt + shift + F 可以格式化代码样式

数据文件js

使这个数据local_database可以通过这个出口exports能够输出到别的脚本文件去。要是有别的数据直接在local_database,后加上即可。

2、使用require方法加载js模块儿文件

js文件中接收

 

注意:要使用相对路径,使用绝对路径会报错。

3、template模块的使用

凡是模版命名建议加template后缀 如

模板wxml文件由<template name=”  ”/>内存放模版信息,如下:

在引用模板的wxml文件中,引入模版,此处可以使用相对路径也可以使用绝对路径,如下:

然后在需要该页面要使用模版的地方使用

注意:item是指posts_key元素下面的子元素

此处的data="{{...item}}"的...表示posts_key的子元素展开了,因此模版调用的时候不需要再用item去点(item.)。

在页面wxss中引用模版样式

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值