微信小程序module.exports 模块化

最新推荐文章于 2024-01-04 20:45:00 发布

转载最新推荐文章于 2024-01-04 20:45:00 发布 · 1.9k 阅读

标签

#微信小程序 #模块化 #module.exports

收录于

微信专栏收录该内容

29 篇文章

订阅专栏

本文通过一个简单的示例，展示了如何在微信小程序中使用module.exports实现模块化，将学生名单数据封装为模块，并在页面中加载和显示这些数据。

微信小程序module.exports 模块化

文件目录如上图：

看到网上写的模块化都比较复杂，写个入门版的好让大家理解理解

//common.js

var studentList = [

{

name: "xiaoming",

age: "22",

hobby: "sleep"

},

{

name: "xiaohong",

age: "22",

hobby: {

one: "eat",

two: "eatfood"

}

]

//模块化

module.exports = {

studentList: studentList

}

//index.js

var common = require("../aa/common.js")

//获取应用实例

var app = getApp()

Page({

data: {

},

onLoad: function () {

this.setData({

studentList:common.studentList

});

}

})

　　//index.html

<block wx:for="{{studentList}}" wx:for-item="item" wx:for-index="idx">
        <view>
          {{item.name}}
        </view>
</block>

因为取的是name，所以最后输出的是xiaoming 和xiaohong。

转https://www.cnblogs.com/panlaixing/p/6736499.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

benben0729

关注关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JavaScript - 判断字符串中是否包含 “http“ 或其他字符

🏆 前端领域优质创作者

04-01

4383

前言例如，后端接口返回了一个字符串，需要判断是不是图片路径或网址。下面以判断字符串，是否包含http为例。解决方案最常见的方式，即使用正则表达式与indexOf方法，进行匹配。您可以根据实际情况，使用以下任意两种方法，经console.time()方法测试计算时间，二者几乎无差距。 //正则表达式 constreg=newRegExp('http') conststr='http://www.csdn.net' console.log(reg.test(st

参与评论您还未登录，请先登录后发表或查看评论

微信小程序module.exports与exports，export与export default，import 与require

weixin_51375107的博客

07-16

7066

文章目录关于变量的导出module.exports与exportsexport与export default变量的导入requireimport 声明：本文章所有代码及输出结果本人全部经过测试。关于变量的导出变量的导出涉及到四个关键字module.exports与exports，export与export default, 其中module.exports与exports是符合CommonJS模块规范的。 export与export default是es6用来导出模块的。 module.expo

判断图片是否带有http域名

酒馆不打烊

07-24

2385

newUrl.js //引入接口中的域名 import baseUrl from './config.js'; function imageUrl(url){ let str = RegExp('http'); let newUrl; //通过三元运算符进行判断该图片是否含有http域名，没有就拼接上去 str.test(url) ? newUrl = url : newUrl =...

微信小程序 --- wxs简单了解

IT__zz的博客

08-14

857

微信小程序 — wxs 今天朋友请求接口的时候遇到了这样的图片路径，（如下图），正好我也不知道就让他们给我讲了一下，大致清楚了，然后就提到了wxs，那么到底什么是wxs呢？闲来看一下问题和解决方法，然后再来了解：一、遇到的问题二、解决办法三、wxs文件是干哈用的？大致上百度查了一下，也就是一个过滤文本的，具体的也不是太了解，也都是说的模棱两可。可以创建wxs文件，用来写一些方法，通过module.exports暴露出去，这样就可以被别的wxs文件或定义为标签来引入。四、wxs模块模块只能在

判断图片地址，链接是否有http

ftally的博客

03-18

891

export function ImgHttp(url) { let str = RegExp('http'); let baseUrl = localStorage.getItem("CDN") //通过三元运算符进行判断该图片是否含有http域名，没有就拼接上去 if (url instanceof Array) { for (var i in url) { if (!str.test(url[i])) { .

微信小程序笔记<六>模块化 —— module.exports

11-27

416

微信小程序中所有 js 文件作用域皆为独立的，每一个 js 文件即为一个模块。模块与模块之间的引用通过 module.exports 或 exports 对外暴露接口。注意： exports是module.exports的一个引用，因此在模块里边随意更改exports的指向会造成未知的错误。（官方推荐使用module.exports来暴露模块接口）小程序目...

微信小程序es6的class请求封装

g2424173338的博客

06-01

631

基于promise的小程序代码api封装。新建promise.js，用es6类封装的方法。 export class Req { constructor(url,data){ this.url = url this.data = data } post(){ return new Promise((resolve,reject)=>{ wx.request({ url: this.url, data: this.d

微信小程序使用export和import

oldcoder2000的博客

07-01

3767

小程序支持模块化开发，可以将一些公共的代码抽离成为一个单独的 js 文件，作为一个模块。模块只有通过 module.exports 或者 exports 才能对外暴露接口。引入模块通过require方式。创建模块复制引入模块复制这是官方提供的方法，我个人还是比较喜欢使用export和import，使用起来比较顺手，可能是因为我一直用Vue开发的原因，下面拿一个实际例子，讲一讲export和import。最近在开发的一个小程序项目，打算使用Promise对API这块做下封装，统一管理API请求。新

微信小程序 js的模块化引用

黄正梦的博客

07-20

1453

1. js文件引用js文件 // 1. 有一个工具函数 util.js const getNowTimeParse = () => { const time = new Date(); const YYYY = time.getFullYear(); const MM = time.getMonth() < 9 ? '0' + (time.getMonth() + 1...

微信小程序学习（8） —— 作用域和模块化

na_xie_nian的博客

08-22

467

文件作用域在 JavaScript 文件中声明的变量和函数只在该文件中有效；不同的文件中可以声明相同名字的变量和函数，不会互相影响。示例：通过全局函数 getApp() 可以获取全局的应用实例，如果需要全局的数据可以在 App() 中设置，如： /* app.js */ App({ globalData: 1 }) /* ...

微信小程序开发系列-14模块的导入与导出

渔道的博客

01-04

2645

通过本文的学习，掌握了在微信小程序中模块的导入导出, 既可以使用ES modules标准，也可以使用CommonJS标准。

微信小程序JS导出和导入

热门推荐

T丶快乐知己丬

01-31

1万+

1. 导出 1.1 方法和变量导出（写在被导出方法和变量的js文件） module.exports = { variable: value, method : methodName }1.2 class导出(es6语法) class HomeModule { constructor(url) { this.url = url; } } export { HomeM

微信小程序自定义模块

weixin_43910988的博客

06-17

2243

新建一个tools.wxs创建一些function,并使用moule.exports ={}导出使用标签并填写正确src 书写module名称之后在其他标签内，使用 {{自定的module名称.自定义的一个function并传入对应参数}}就可以实现参数在自定义function中的导入和使用了新建文件夹components, 新建文件夹xxx，新建components.在任意页面或app.json中导入 compTest 的自定义组件名称页面进行使用。

详解module.exports与exports，export与export default，import 与require

m0_55333789的博客

09-18

3369

详解module.exports与exports，export与export default，import 与require

小程序模块化---逻辑层

教官的博客

10-18

208

1.模块化的含义？把一些公共的代码抽离成为一个单独的 js 文件，作为一个模块。模块只有通过 module.exports 或者 exports 才能对外暴露接口。 exports 是 module.exports 的一个引用，因此在模块里边随意更改 exports 的指向会造成未知的错误。所以更推荐开发者采用 module.exports 来暴露模块接口。小程序目前不支持直接引入 node...

微信小程序中module.exports和exports的区别

第九程序官方博客

05-03

1万+

微信小程序中module.exports与exports的用法可以查看下面官方提供的文档，使用起来还是比较简单方便的，但时对于这两者的区别解释的不是很明白。

微信小程序 使用module和class封装和提取一个对象

何小杰的博客

09-24

5932