第一個 RJS 模板
建立 RJS 實例、定義 data/event/when,並以 renew() 觸發下一次渲染。
建立與更新
RJS 只渲染一次(不做 vDOM 比對),下一次渲染需透過 renew() 手動觸發。指令解析流程詳見 指令解析。
const app = "#app".RJS({
data: {
// 定義資料
},
event: {
// 定義事件方法
},
when: {
before_render: function () {
// 渲染前執行,return false 可中止渲染
},
rendered: function () {
// 渲染完成後執行
}
}
});
// 更新:僅需傳入要更新的項目,未提及的項目維持初始值
app.renew({
data: { /* ... */ },
event: { /* ... */ },
when: { /* ... */ }
});