微信小程序 - wxs

一、wxs文件是干哈用的？

在wxs文件中写一些方法，通过module.exports暴露出去，这样就可以被别的wxs文件或<wxs>标签引入。

二、wxs文件引入方式

• 标签引入<wxs src="./../tools.wxs" module="tools" />
• require引入 var tools = require("./tools.wxs"); 相对路径
  上代码：

// /pages/tools.wxs
var foo = "'hello world' from tools.wxs";
var bar = function (d) {
  return d;
}
module.exports = {
  FOO: foo,
  bar: bar,
};
module.exports.msg = "some msg";

<!-- page/index/index.wxml -->   wxs标签引入
<wxs src="./../tools.wxs" module="tools" />
<view>{{tools.msg}}</view>
<view>{{tools.bar(tools.FOO)}}</view>

// /pages/logic.wxs       wxs文件引入
var tools = require("./tools.wxs");

三、wxs模块

• <wxs> 模块只能在定义模块的 WXML 文件中被访问到。使用 <include> 或 <import> 时，<wxs> 模块不会被引入到对应的 WXML 文件中。仅限当前wxml页面使用。
• <template> 标签中，只能使用定义该 <template> 的 WXML 文件中定义的 <wxs> 模块。