wepy框架 怎么在template模板中使用函數

呵呵。介紹說是類似vue，用起來真累人，就想在模板中使用個函數都要查N久的文檔才知道。

 

具體要怎么操作呢？

要先創建個wxs腳本文件，在里面定義函數或其它的，然后在頁面或組件中引入這文件，就可以在模板中使用了。

真搞不懂為什么要繞這么一大圈，直接可以使用在methods中定義的方法不行嗎？ 惡心的一批。

 

// 頁面代碼

<template>
    <view>
         {{xx(name)}}
    </view>
</template>
<script>
    import wepy from 'wepy';
    import xxdd from '../utils/xxx.wxs';

    export default class extends wepy.component {
        wxs = {
            xx:xxdd 
        }
    }
</script>

 

// xxx.wxs 文件（不支持ES6語法，對ES5的支持還得看文檔）

var print = function(value) {
    return "hello word " + value;
}

module.exports = print;

 

注意：

wxs是基於原生的wxs去實現的，只是通過編譯把現在的語法編譯為原生語法。
wxs必須是外鏈文件。並且后綴為.wxs。
wxs引入后只能在template中使用，不能在script中使用。

文檔：https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxs/07basiclibrary.html

文檔：https://tencent.github.io/wepy/document.html#/?id=wxs-weixin-script