java小程序引用变量_「小程序JAVA实战」小程序模块之间引用（19）

╰+哭是因爲堅強的太久メ 2022-11-10 05:28 166阅读 0赞

上一节，讲了页面引用模块的概念，如果是模块之前引用呢？源码：https://github.com/limingios/wxProgram.git 中的No.8

小程序的WXS模块js代码块可以在页面中被引入使用

定义\*.wxs,module.exports暴露接口和属性从私有到公用的概念，通过暴露就可以公有话。

require函数

官方的阐述

>https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxs/01wxs-module.html

![AAffA0nNPuCLAAAAAElFTkSuQmCC][]

5.演示模块之间的引用在.wxs模块中引用其他 wxs 文件模块，可以使用 require 函数。

引用的时候，要注意如下几点：

\* 只能引用 .wxs 文件模块，且必须使用相对路径。

\* wxs 模块均为单例，wxs 模块在第一次被引用时，会自动初始化为单例对象。多个页面，多个地方，多次引用，使用的都是同一个 wxs 模块对象。

\* 如果一个 wxs 模块在定义之后，一直没有被引用，则该模块不会被解析与运行。

wxs.wxml

\{ \{item.name\}\}

\{ \{item.age\}\}

\{ \{item.method("这是一个参数传递")\}\}

\{ \{item.name\}\}

\{ \{item.age\}\}

\{ \{item.method("这是一个参数传递")\}\}

\{ \{item.name\}\}

\{ \{item.age\}\}

\{ \{item.method("这是一个参数传递")\}\}

module.wxs// module.wxs

var module2 = require("../wxs/module2.wxs")

var name ="个人网站:idig8.com"

var age = 18;

var method = function(obj)\{

console.log(module2.name);

console.log(module2.age);

return obj;

\}

module.exports =\{

name :name,

age : age,

method :method

\}

module2.wxs// module.wxs

var name ="公众号：编程坑太多"

var age = 28;

var method = function(obj)\{

return obj;

\}

module.exports =\{

name :name,

age : age,

method :method

\}

![AAffA0nNPuCLAAAAAElFTkSuQmCC][]

PS：这次就是针对模块引入模块的方式，这种在实际开发中也是很常见的。

[AAffA0nNPuCLAAAAAElFTkSuQmCC]:

发表评论取消回复

表情：

评论列表（有 0 条评论，166人围观）

还没有评论，来说两句吧...

相关阅读

相关小程序WXML之引用

引用 WXML提供两种文件引用方式`import`和`include`。 import `import`可以在该文件中使用目标文件定义的`template`，如：

谁践踏了优雅/ 2023年10月17日 09:04/ 0 赞/ 132 阅读

相关 java小程序引用变量_「小程序JAVA实战」小程序模块之间引用（19）

上一节，讲了页面引用模块的概念，如果是模块之前引用呢？源码：https://github.com/limingios/wxProgram.git 中的No.8 小程序的WXS

╰+哭是因爲堅強的太久メ/ 2022年11月10日 05:28/ 0 赞/ 167 阅读

相关小程序：模板与引用

准备工作：新建一个quickstart项目，然后再pages目录下自己新建一个页面，例如t文件夹名为test，再在其下分别新建test.wxml、test.js、test.

末蓝、/ 2022年04月25日 10:22/ 0 赞/ 296 阅读

相关「小程序JAVA实战」小程序多媒体组件（27）

转自：https://idig8.com/2018/08/19/xiaochengxujavashizhanxiaochengxuduomeitizujian27/ > 来说

怼烎@/ 2022年01月12日 07:13/ 0 赞/ 230 阅读

相关「小程序JAVA实战」小程序的组件（23）

转自：https://idig8.com/2018/08/11/xiaochengxu-chuji-23/ > 开始了解下小程序的组件。源码：https://github.c

男娘i/ 2022年01月12日 07:13/ 0 赞/ 227 阅读

相关「小程序JAVA实战」小程序的基础组件（24）

转自：https://idig8.com/2018/08/12/xiaochengxu-chuji-24/ > 来说下，小程序的基础组件。源码：https://github

野性酷女/ 2021年12月23日 09:41/ 0 赞/ 329 阅读

相关「小程序JAVA实战」小程序的flex布局（22）

转自：https://idig8.com/2018/08/09/xiaochengxu-chuji-22/ > 之前已经把小程序的框架说完了，接下来说说小程序的组件，在说组件

叁歲伎倆/ 2021年12月23日 09:39/ 0 赞/ 267 阅读

相关 wx小程序——小程序模板在外部页面引用

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

川长思鸟来/ 2021年07月25日 22:34/ 0 赞/ 563 阅读

相关 wx小程序——wx小程序——wxs模块讲解1 - 页面引用

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

￡神魔★判官ぃ/ 2021年07月25日 14:42/ 0 赞/ 562 阅读

相关微信小程序 template模板引用、include引用

作用:其他wxml文件能直接使用模板定义好的html内容 template模板引用: 1、创建.wxml <template

女爷i/ 2021年07月24日 20:13/ 0 赞/ 621 阅读