Riot视频学习

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上供外层调用）；
• 事件机制主要用于组件间的通信