Riot特點
- 自定義標籤；
- 優雅的語法；
- 虛擬dom；
- 非常小的特點；
- 非大公司作後盾，多人貢獻的代碼
爲什麼學習Riot（優勢）
- angularJs, react體積太大，不太適合移動端；
- 公用組件組件化；
- 輕量級MVM框架；
- 引入概念少，容易入門；
- 操作數據代替操作dom提高開發效率；
- 代碼量少，修改起來更容易，容易維護；
Riot的應用場景
- 因爲體積小適合移動端開發；
- 多頁面的前後端分離開發；
- 組件封裝；
- 不會和其他框架有什麼衝突；
開發前準備工作
- 編輯器的JSX插件
- sublime使用JSX插件
基本語法
- if & show & hide
- 函數與事件綁定
- 表達式 {title || 'untitled'}
- Riot參數設置
- yield標籤替換html
- Tag對象解析（1. root //最外層的dom 2. on監聽事件 off移除監聽 one trigger 4個事件機制 3.parent && tags //父級tag,子tags 4. mixin ()//方法繼承，實現方法複用 5.mount() && unmount() 6.update() 7.自定義屬性和方法可以掛在tag上供外層調用）；
- 事件機制主要用於組件間的通信