小程序 wxs 脚本语言（2种使用方式）

三 wxs 脚本语言（2种使用方式）

3.1 使用方式一： 在wxml文件中使用

<wxs module="item" >
var sum  = function (x, y) {
  return x + y
}
var num = 100
//使用common.js方式导出
module.exports = {
  sum: sum,
  num: num
}
</wxs>
<!-- 使用定义的方法 变量 -->
​
<view>{{'导出的结果'}}:{{item.sum(10, 20)}}</view>
<view>{{'导出的结果'}}:{{item.num}}</view>

3.2 wxs第二中方式：

一般我们会新建wxs文件，然后把需要的变量和函数放到这个文件中，单独管理，然后在需要的文件中进行导 入，导入不能使用绝对路径，而是相对路径

<wxs module="item" >
var sum  = function (x, y) {
  return x + y
}
var num = 100
//使用common.js方式导出
module.exports = {
  sum: sum,
  num: num
}
</wxs>
<!-- 使用定义的方法 变量 -->
<view>{{'导出的结果'}}:{{item.sum(10, 20)}}</view>
<view>{{'导出的结果'}}:{{item.num}}</view>
​
<!-- 方法2 -->
<wxs src="../wxs/info.wxs" module="info" />
<view>{{info.sum(20, 30)}}</view>

var sum = function (x, y) {
  return x + y
}
var filter = function (item) {
  return item > 10
}
module.exports = {
  sum: sum,
  filter: filter
}
//wxs定义变量函数