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.png
image.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
上一篇下一篇

猜你喜欢

热点阅读