之前做過一段時間的小程序開發(fā)，自己也寫過兩個自己的小程序，了解些前端的知識，相對而言還是比較容易上手的，小程序的視圖采用wxml 與 wxss 編寫，對比前端就是html 與 css。wxml 跟html 類似是描繪頁面結(jié)構(gòu)的，小程序有一套自己的標(biāo)簽，而大部分前端的css樣式都可以用在 wxss里面。關(guān)于數(shù)據(jù)綁定部分，小程序使用 Mustache 語法（雙大括號） 進(jìn)行綁定。這里要講的是wxs ，小程序自己的一套腳本語言，可以用于渲染頁面。
一個簡單的例子，新建一個a.wxml 文件，代碼如下：
<wxs module="a">
var str = "qwerty"
module.exports.txt = str
</wxs>
<view>
{{a.txt}}
</view>
這里wxs 代碼直接編寫在wxml文件內(nèi)，定義wxs 的module名為a，這個參數(shù)是必須的；通過 exports暴露對外的屬性，外部使用的話，直接通過module名調(diào)用屬性值。
當(dāng)然，wxs代碼也可以寫在以.wxs 為后綴名的文件內(nèi)a.wxs ，里面直接編寫代碼：
var str = "qwerty"
module.exports.txt = str
使用的話，在a.wxml 文件內(nèi)同樣需要使用<wxs/> 標(biāo)簽，并且定義module 名，注意src 使用相對路徑引入wxs文件：
<wxs src="./index.wxs" module="a"/>
<view>
{{a.txt}}
</view>
這里推薦使用以 .wxs 為后綴名來封裝代碼，這樣便于其他文件通用。
同時，在.wxs模塊中可以引用其他 wxs 文件模塊，注意這里只能以文件的形式引用，通過require 引用文件相對路徑。
//編寫 b.wxs文件
var str = "123456"
module.exports.txt = str
//wxs 代碼直接編寫在 wxml文件內(nèi)
<wxs module="a">
//通過require 引用 b.wxs文件
var b = require("./b.wxs")
var str = "qwerty"
module.exports.txt = b.txt
</wxs>
<view>
{{a.txt}}
</view>
------------------------------------------
//在 a.wxs 里引用 b.wxs
var b = require("./b.wxs")
var str = "qwerty"
module.exports.txt = b.txt
//a.wxml 里引入 a.wxs
<wxs module="a" src="./index.wxs"/>
<view>
{{a.txt}}
</view>
同樣wxs 還可以對外暴露方法，
<wxs module="a">
var add = function(i, j) {
return i + j
}
module.exports.add = add
</wxs>
<view>
{{a.add(1,2)}}
</view>
這樣我們可以通過編寫wxs，對data 數(shù)據(jù)進(jìn)行處理，渲染到view層。
實(shí)際項目中，通過wxs 可以簡化代碼，更加具有通用性。
歡迎關(guān)注我的個人博客：https://www.manjiexiang.cn/
更多精彩歡迎關(guān)注微信號：春風(fēng)十里不如認(rèn)識你
一起學(xué)習(xí)，一起進(jìn)步，歡迎上車，有問題隨時聯(lián)系，一起解決?。?！
