最简 owl 案例

owl --- 为 odoo 量身定做的前端框架

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


开发
标签
存档
odoo内置的WSGI服务器
更深理解 odoo 框架