微信小程序WXS之模板的语法解释

最新推荐文章于 2024-07-26 14:06:36 发布

路光.

最新推荐文章于 2024-07-26 14:06:36 发布

阅读量332

点赞数

文章标签：微信小程序

本文链接：https://blog.csdn.net/qq_41429765/article/details/113620070

版权

1.模块

(1)module的使用

使用公共wxs文件

//first.wxs

var foo="good";

var bar =function (d){

return d;

}

module.exports={

foo:foo, bar:bar

}

引用wxs文件

<wxs src="first.wxs" module="tools"/>

<view>{{tools.bar(tools.foo)}}</view>

结果：good

（2）require的使用
// /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";
// /pages/logic.wxs

var tools = require("./tools.wxs");

console.log(tools.FOO);
console.log(tools.bar("logic.wxs"));
console.log(tools.msg);


<wxs src="./../logic.wxs" module="logic" />
控制台输出：
'hello world' from tools.wxs
logic.wxs
some msg