Owl是什么?
Owl 是一个用 Typescript 编写的 UI 框架,由 Odoo 官方专门为自身平台量身定做。采用了 React 和 Vue 的设计理念, Owl 的主要功能包括:
- 声明式组件系统( declarative component system )
- 类似于 Vue 的细粒度响应式系统
- hooks(钩子 )
- fragments( 片段 )
- 异步渲染
OWL如何使用?
Odoo 不想依赖标准的 Web 工具(例如 webpack),独立使用是 Owl 的设计目标之一, 只需在页面中添加脚本标签便可使用 OWL。
<script src="owl.js" />
最简OWL应用
const { Component, mount, xml} = owl;
// Owl Components
class Root extends Component {
static template = xml`Hello Owl`;
}
//第一种挂在方式
mount(Root, document.body);
//第二种挂在方式
const app = new App(Root, {});
app.mount(document.getElementById('redDiv'));