厂长的博客

OWL，即Odoo Web Libary。是Odoo的Web前端UI框架，用为版本14（版本14之后可能也是它了）ODOO客户端的Web基础。OWL是一个用TypeScript（TS）编写的现代框架，以简单、连贯的方式吸取了React和Vue最佳编程思想。...

快速概览应用程序中的Owl组件用于定义一个（动态的）组件树。 Root / \ A B / \ C DState：状态。每个组件都可以管理自己的本地状态。 这是一个简单的ES6类，没有特殊规则：class Counter extends Component { static template = xml` <button t-on-click="increment"&gt...

前言每个软件项目都有其具体的需求。这其中很多需求可通过一些工具得以解决，比如webpack、gulp、css预处理器、打包工具、编译器等等等等。也正因为如此，通常开启一个项目都不是那么容易。像Vue框架，它提供了自有工具来协助完成。但那样会需要开发人员进行集成并学习如何使用这些工具，相对于专注力不在前端的开发人员来说，这是很消耗时间和精力的。OWL的设计可以让开发完全不依赖于任何工具。因此，OWL可以轻松地与现代构建工具链进行集成。在这篇博文中，我将参考ODOO OWL官方文档，讨论启动项目的不同配

第三课 标准JavaScript项目实现TodoList

挂载一个Owl应用程序是通过使用mount方法来完成的。如果您使用的是 iife 版本，您可以通过`owl.mount`使用它，如果您使用的是模块系统，您可以直接从 `owl` 导入它。

Owl导出了一些有用的实用程序功能，以帮助解决常见问题。这些功能在owl.utils 命名空间中都可用。whenReady: 在DOM就绪时执行代码loadJS: 加载脚本文件loadFile: 加载文件(对模板很有用)escape: 字符串转义debounce: 限制函数调用频率shallowEqual: 对象浅比较whenReadywhenReady函数返回一个在DOM准备好时解析的承诺(如果还没有准备好，则直接解析)。如果以回调作为参数调