Riot.js

Posted by Bruce Tsai
08/11/2016

• Riot.js

Riot.js 是一款 MVP（模型-視圖-呈現）開源客戶端框架，其最大的特點就是體積非常小，不足 1KB，雖然體積小，但它可以幫助用戶構建大規模的 Web 應用程式。

Riot.js 包含的組件有：一件模板引擎、路由、事件庫和一個嚴格的 MVP 模型，可以把所有的組件組織在一起。和其他框架相比，它速度更快、體積更小、功能更加強大。

範例

<sample>
  <h3>{ message }</h3>
  <ul>
    <li each={ techs }>{ name }</li>
  </ul>

  <script>
    this.message = 'Hello, Riot!'
    this.techs = [
      { name: 'HTML' },
      { name: 'JavaScript' },
      { name: 'CSS' }
    ]
  </script>

  <style scoped>
    :scope { font-size: 2rem }
    h3 { color: #444 }
    ul { color: #999 }
  </style>
</sample>