百度智能小程序 开发.js文件

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

代码示例

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

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

Page({
    setName: function() {
    this.setData({ me: "aaa" });
    }
})

代码示例 - 错误写法

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

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

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

说明：

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