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'));