微信小程序WXS模块使用详细的

WXS模块

WXS代码可以写在wxml文件中的标记内或扩展名为.wxs的文件中。

模块

每个.wxs文件和标记都是一个单独的模块。

每个模块都有自己独立的范围。也就是说，模块中定义的变量和函数默认是私有的，而其他模块是不可见的。

想要公开其内部私有变量和函数的模块只能通过module.exports实现。

.wxs文件

在微信开发人员工具中，右键可以直接创建一个.wxs文件，可以直接在其中编写WXS脚本。

示例代码：

///pages/comm.wxs

Var foo=来自comm.wxs'的'hello world';

Var bar=function（d）{

返回d;

}

Module.exports={

Foo: foo，

栏:吧

};

上面的示例将WXS代码写入/pages/comm.wxs文件中。wxs文件可以由WXML中的其他.wxs文件或标记引用。

模块对象

每个wxs模块都有一个内置的模块对象。

属性

导出:此属性允许您在外部共享此模块的私有变量和函数。

示例代码：

///pages/tools.wxs

Var foo='hello world'来自tools.wxs';

Var bar=function（d）{

返回d;

}

Module.exports={

FOO: foo，

栏:吧，

};

Module.exports.msg='some msg';

{{tools.msg}}

{{tools.bar（tools.FOO）}}

页面输出：

一些消息

来自tools.wxs的“你好世界”

需要功能

要引用.wxs模块中的其他wxs文件模块，可以使用require函数。

引用时，请注意以下几点：

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

wxs模块是单例，wxs模块在第一次引用时自动初始化为单个对象。多个页面，多个位置，多个引用，都使用相同的wxs模块对象。

如果在定义了wxs模块后未引用该模块，则不会解析并运行该模块。

示例代码：

///pages/tools.wxs

Var foo='hello world'来自tools.wxs';

Var bar=function（d）{

返回d;

}

Module.exports={

FOO: foo，

栏:吧，

};

Module.exports.msg='some msg';

///pages/logic.wxs

Var tools=require（'./tools.wxs'）;

CONSOLE.LOG（tools.FOO）;

CONSOLE.LOG（tools.bar（ 'logic.wxs'））;

CONSOLE.LOG（tools.msg）;

控制台输出：

来自tools.wxs的“你好世界”

Logic.wxs

一些消息

标签

属性名称类型的默认值表示moduleString的当前标记的模块名称。必填项目。 srcString指的是.wxs文件的相对路径。仅在标签是单个封闭标签或标签内容为空时有效。模块属性

module属性是当前标签的模块名称。在单个wxml文件中，建议其值是唯一的。按顺序覆盖重复的模块名称（后者涵盖前者）。不同文件之间的wxs模块名称彼此不重叠。

必须根据以下两个规则命名模块属性值：

第一个字符必须是：字母（a-zA-Z），下划线（_）

其余字符可以是：字母（a-zA-Z），下划线（_），数字（0-9）

示例代码：

Var some_msg='hello world';

Module.exports={

消息: some_msg，

}

{{foo.msg}}

页面输出：

你好世界

上面的示例声明了一个名为foo的模块，它暴露了some_msg变量以供当前页面使用。

Src属性

src属性可用于引用其他wxs文件模块。

引用时，请注意以下几点：

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

wxs模块是单例，wxs模块在第一次引用时自动初始化为单个对象。多个页面，多个位置，多个引用，都使用相同的wxs模块对象。

如果在定义了wxs模块后未引用该模块，则不会解析并运行该模块。

示例代码：

///pages/index/index.js

页（{

数据: {

Msg:''你好wrold'来自js'，

}

}）

{{some_comms.bar（some_comms.foo）}}

{{some_comms.bar（msg）}}

页面输出：

来自comm.wxs的“你好世界”

来自js的'你好wrold'

上面的示例通过文件/page/index/index.wxml中的标记引用/page/comm.wxs模块。

注意

只能在定义模块的WXML文件中访问模块。当您使用或时，模块未引入相应的WXML文件中。

在标记中，只能使用定义它的WXML文件中定义的模块。

＆lt; 汇海（www.hvihi.com）是国内知名的商城系统和商城网站建设提供商，其中汇海技术小程序系统提供小程序商城开发，小程序配送系统，微分配系统，商城系统，电子商务网站建设， 微信发行系统，小程序商城及其他多端商场和电子商务行业解决方案＆gt;

确认：这个文件和图像源网络编辑器的网站部分，如果有侵权及时通信删除。 汇海hvihi.com网站原创文章，请注明出处。