WXS (WeiXin Script)

WePY 从1.7.x 版本开始支持 wxs 语法，但语法与原生 wxs 稍有出入。

  1. /**
  2. project
  3. └── src
  4.     ├── wxs
  5.     |   └── mywxs.wxs      wxs 文件 
  6.     ├── pages
  7.     |   └── index.wpy      页面
  8.     └──app.wpy           
  9. **/
  11. // mywxs.wxs
  13. module.exports = {
  14.   text: 'This is from wxs',
  15.   filter: function (num) {
  16.     return num.toFixed(2);
  17.   }
  18. };
  20. // index.wpy
  22. <template>
  23.   <text>{{m1.text}}</text>
  24.   <text>{{m1.filter(num)}}</text>
  25. </template>
  27. <script>
  28.   import wepy from 'wepy';
  29.   import mywxs from '../wxs/mywxs.wxs';
  31.   export default class Index extends wepy.page {
  33.     data = {
  34.       num: 10
  35.     };
  37.     wxs = {
  38.       m1: mywxs
  39.     }
  41.   };
  42. </script>

注意

  1. wxs是基于原生的wxs去实现的，只是通过编译把现在的语法编译为原生语法。
  2. wxs必须是外链文件。并且后缀为.wxs。
  3. wxs引入后只能在template中使用，不能在script中使用。