如何在wxml中直接写js代码(wxs)

下面是如何在wxml中直接写js代码(wxs)的攻略：

下面是如何在wxml中直接写js代码(wxs)的攻略：

1. 编写wxs文件

首先需要编写wxs文件，在wxs文件中可以编写js代码。在wxml中可以通过< wxs >标签引入wxs文件，引入后可以直接使用wxs中的变量或函数。

示例代码如下：

// test.wxs
module.exports.add = function (a, b) {
  return a + b;
}

// wxml中的引用方式
< wxs module="test" src="./test.wxs" ></wxs>
<view>{{ test.add(1, 2) }}</view>

其中< wxs >标签的module属性可以指定引入后的命名空间，src属性可以指定wxs文件所在的地址。
在上面的示例中，wxml中引入了test.wxs文件，module属性指定了命名空间为test，在< view >标签中使用test.add(1, 2)调用了wxs文件中定义的add函数，输出结果为3。

1. 直接编写wxs代码

除了引入wxs文件外，还可以直接在< wxs >标签中编写js代码。

示例代码如下：

< wxs module="m">
  var name = 'world';
  var sayHello = function() {
    console.log('Hello, ' + name + '!');
  }
  module.exports.sayHello = sayHello;
</wxs>
<view onTap="m.sayHello()">Tap me</view>

在< wxs >标签中定义了一个叫做m的命名空间，同时编写了js代码，再通过module.exports将sayHello函数暴露出来，供wxml中的view标签的onTap事件调用。当点击view标签时，会在控制台中输出Hello, world!。

以上就是如何在wxml中直接写js代码(wxs)的完整攻略。需要注意的是，在引入wxs文件或者直接编写wxs代码时，必须使用module.exports将变量或函数暴露出来，以便在wxml中使用。