# 第一個 RJS 模板

建立 `RJS` 實例、定義 `data`／`event`／`when`，並以 `renew()` 觸發下一次渲染。

## 建立與更新

`RJS` 只渲染一次（不做 vDOM 比對），下一次渲染需透過 `renew()` 手動觸發。指令解析流程詳見 [指令解析](/zh/core-concepts-directives)。

```javascript
const app = "#app".RJS({
    data: {
        // 定義資料
    },
    event: {
        // 定義事件方法
    },
    when: {
        before_render: function () {
            // 渲染前執行，return false 可中止渲染
        },
        rendered: function () {
            // 渲染完成後執行
        }
    }
});

// 更新：僅需傳入要更新的項目，未提及的項目維持初始值
app.renew({
    data: { /* ... */ },
    event: { /* ... */ },
    when: { /* ... */ }
});
```