wxs模块
2018-09-27 本文已影响0人
X_code_ZH
一、WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。wxs标签可以直接写在wxml页面,通过制定module属性来制定调用名称,通过module.exports.xxx=xxx;的方式来制定组件的输出api,可以通过{{}}在wxml中调用组件的输出api。
每一个 .wxs 文件和 <wxs> 标签都是一个单独的模块,就像是block。
每个模块都有自己独立的作用域。即在一个模块里面定义的变量与函数,默认为私有的,对其他模块不可见。
一个模块要想对外暴露其内部的私有变量与函数,只能通过 module.exports 实现。
以下是一些使用 WXS 在wxml页面内的简单示例:
页面渲染实例
image.png
页面输出 hello world
image.pngimage.png
二、wxs模块还可以使用.wxs文件的方式定义
.wxs文件内部简单代码实例如下
image.png
在wxml中引用外部的wxs模块
image.png
输出1和2
image.png
require函数
在.wxs模块中引用其他 wxs 文件模块,可以使用 require 函数。
引用的时候,要注意如下几点:
只能引用 .wxs 文件模块,且必须使用相对路径。
wxs 模块均为单例,wxs 模块在第一次被引用时,会自动初始化为单例对象。多个页面,多个地方,多次引用,使用的都是同一个 wxs 模块对象。
如果一个 wxs 模块在定义之后,一直没有被引用,则该模块不会被解析与运行。
image.png