原生小程序 wxs 语法(详细)

原生小程序 wxs 语法(详细)_第1张图片

WXS


WXS(WeiXin Script)是内联在 WXML 中的脚本段。通过 WXS 可以在模版中内联少量处理脚本,丰富模板的数据预处理能力。另外, WXS 还可以用来编写简单的 WXS 事件响应函数。
从语法上看, WXS 类似于有少量限制的 JavaScript 。要完整了解 WXS 语法,请参考WXS 语法参考。
以下是一些使用 WXS 的简单示例。

须知

  1. 不可以使用ES6语法
  2. 必须使用CommonJS导出

可以使用的语法

第一种使用方式:标签

<wxs module="m1">
var msg = "hello world";

module.exports = {
	message: msg
}
wxs>

<view> {{m1.message}} view>

第二种使用方式:文件引入

新建目录 utils 以及文件 format.wxs
原生小程序 wxs 语法(详细)_第2张图片
导入使用
原生小程序 wxs 语法(详细)_第3张图片

你可能感兴趣的:(小程序,微信小程序,前端)