应用场景:
在wxml里有些数据需要处理,此时需要使用wxs来进行处理
对js中data模块中数据的格式化处理
基本使用
<!-- 1.错误的写法 -->
<!-- <view>{{25.6666666.toFixed(2)}}</view> -->
<!-- <view>{{numberToFixed(25.6666)}}</view> -->
<!-- 2.wxs的定义(不能使用ES6语法,使用ES5的语法) -->
<!-- 直接在wxml中定义 -->
<!-- <wxs module="info">
// JS代码
var message = 'hello world'
var name = 'coderwhy'
var sum = function(num1, num2) {
return num1 + num2
}
// commonjs的模块化导出的写法
module.exports = {
message: message,
name: name,
sum: sum
}
</wxs> -->
<!-- 2.2定义在单独的wxs文件中,在使用<wxs>标签进行导入 -->
<!-- 不允许使用绝对路径 -->
<!-- <wxs src="/wxs/info.wxs" module="info"/> -->
<wxs src="../../wxs/info.wxs" module="info"/>
<view>{{info.message}}</view>
<view>{{info.name}}</view>
<view>{{info.sum(20, 30)}}</view>
外部引用的文件
// JS代码
var message = 'hello world'
var name = 'coderwhy'
var sum = function(num1, num2) {
return num1 + num2
}
// commonjs的模块化导出的写法
module.exports = {
message: message,
name: name,
sum: sum
}