• 开发 .js 文件

开发 .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() {
  
  
  
 // 这样写不会触发swan界面的变化
  
  
  
 this.Data.me = "aaa"; 
  
  
  
 }
  
  
  
})
 
 
 

说明：

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