王剑编程网

这篇接着上篇 小程序，跳转页面的两种方式及其页面传参数 继续讲，小程序wxml页面里如何写JS代码？wxs如何模块化？

第一个问题：

wxml页面要想类似HTML页面中写js代码，必须在页面中使用wxs标签包裹住JS代码，类似HTML中的JavaScript标签。

页面中先写好如下JS实现代码：

<wxs module="mymoule">

var showtxt="我是只说代码的大饼";

var addnum = function(value1,value2){

return value1+value2;

}

module.exports = {

showtxt:showtxt,

addnum:addnum

}

</wxs>

注意点：

1. 必须使用module.exports 导出对象。
2. wxs标签必须设置module变量名称，因为页面中就是通过该变量名称使用JS中的变量和方法。

页面中使用JS中的对象：

<view>{{mymoule.showtxt}}</view>

<view>{{mymoule.addnum(5,5)}}</view>

第二个问题，wxs如何模块化？

首先在pages目录下新建名称为wxsfile文件夹，右键新建文件，文件名称为demo.wxs。