开发 .js 文件

SWAN 智能小程序中,JS 文件是控制交互逻辑的动态语言。
如,在 SWAN 模板中书写了以下代码:

代码示例

  1. <view>{{ me }}</view>
  2. <button bind:tap="setName">点击变值</button>

在 JS 中可以对于视图中的行为进行监听,并触发界面的变化。

  1. Page({
  2. setName: function() {
  3. this.setData({ me: "aaa" });
  4. }
  5. })

代码示例 - 错误写法

  1. <view>{{ me }}</view>
  2. <button bind:tap="setName">点击变值</button>

在 JS 中可以对于视图中的行为进行监听,并触发界面的变化。

  1. Page({
  2. setName: function() {
  3. // 这样写不会触发swan界面的变化
  4. this.Data.me = "aaa";
  5. }
  6. })

说明

  • 书写 SWAN App 的逻辑层请使用 JavaScript ;
  • 逻辑层将数据进行更新后,会触发视图更新;
  • 在 app.js 中使用 App 方法、在页面 JS 中使用 Page 方法,来进行页面的逻辑管理;
  • 可以在 SWAN 命名空间下,使用各种 API 端能力;
  • 框架中不可使用 window, document, location, navigator, localStorage, history 等 Web、浏览器 API。