微信小程序 - wxs

一、wxs文件是干哈用的?

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

二、wxs文件引入方式

  • 标签引入
  • 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";
   wxs标签引入

{{tools.msg}}
{{tools.bar(tools.FOO)}}
// /pages/logic.wxs       wxs文件引入
var tools = require("./tools.wxs");

三、wxs模块

  • 模块只能在定义模块的 WXML 文件中被访问到。使用 时, 模块不会被引入到对应的 WXML 文件中。仅限当前wxml页面使用。