Wxs 是什么? 它相当于 HTML中 书写 JavaScript代码的 script标签
一般用于外部输入的值, 然后返回给调用函数的人 类似函数传入了值,通过函数里面的业务逻辑后得到的数据进行返回函数本身

普通使用

定义

  1. <wxs module="obj">
  2.   var numBtn = function(str){
  3.     return "你好啊"+str
  4.   }
  5.   var shiming =function(str){
  6.     return str
  7.   }
  8.   module.exports={   //导出
  9.     numBtn:numBtn,shiming:shiming
  10.   }
  11. </wxs>

使用

  1. <view>{{obj.numBtn("世界")}}----{{obj.shiming("请准备好!")}}</view>

效果

image.png

高级使用-引入外部wxs

单文件的wxs

  1. var numBtn = function(str){
  2.     return "你好啊"+str
  3. }
  4. var shiming =function(str){
  5.     return str
  6. }
  7. var username = "老陈"
  8. module.exports={
  9.   numBtn:numBtn,
  10.   shiming:shiming,
  11.   username2:username
  12.     // 左边是被调用的名    右边是当前wxs 定义的变量或者函数
  13. }

image.png

调用方法!

1 引入wxs 文件,并赋值 名字 module=”名字”
2 调用

  1. <wxs src="index3.wxs" module="m"/>
  3. <view>{{m.numBtn("世界")}}----{{m.shiming("请准备好!")}}</view>
  4. <view>{{m.username2}}</view>

image.png

高级使用- require引入

利用require 引入其它的wxs文件 到当前的wxs 文件
如果你是想引入 wxs文件A的,然后又想在wxs文件A 里面引入 wxs文件B 的就可以使用这个require 方法,在wxs文件A中使用 require即可

  1. var tools = require("tools.wxs")

那么引入进来如何使用呢?
Tools 里面有这个函数名或者变量名

  1. var weekdays = tools.weekdays;

Tools文件结构

image.png

Js的文件结构

image.png

当前的wxs文件结构

image.png

  1. module.exports={
  2.   numBtn:numBtn,
  3.   shiming:shiming,
  4.   username2:username,
  5.   getWeekDay:getWeekDay
  6.   // 左边是被调用的名    右边是当前wxs 定义的变量或者函数
  7. }

当前的wxml 文件结构及效果

image.png