这篇文章主要介绍了微信小程序中模板和模块化怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
具体如下:
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 文件,作为一个模块,微信官方文档给的说明是需要exports和require来配套使用,需要exports来声明供外部调用,使用的时候需要require来引用下,我看有的视频说的是如果使用require调用的时候需要本地下载node.js,反正我是下载了,如果使用的时候有问题就下载下吧。我创建了一个common.js格式如下:
//引用url require("url.js"); function log(str){ console.log("log:" + str); } //暴露log方法 module.exports.log = log;
在用到的时候可以用如下方式:
var common = require("../../common/common.js"); Page({ click:function(){ common.log("输出消息"); } })
感谢你能够认真阅读完这篇文章,希望小编分享的“微信小程序中模板和模块化怎么用”这篇文章对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,更多相关知识等着你来学习!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。