第一章 OWL应用

概述

一个OWL应用有一个根元素,若干模版,环境变量和设置组成。App类是一个代表了这些元素的简单类。下面是一个例子:

const {Component, App } = owl;

class MyComponent extends Component { ... }

const app = new App(MyComponent, { props: {...}, templates: "..."});
app.mount(document.body)

创建一个OWL应用的流程是:

  • 创建一个APP
  • 创建一个组件
  • 使用创建的组件和其他必要的设置,模版等实例化该App
  • 将app挂载到DOM中。

API

构造函数

constructor(Root[,config]): 第一个参数是一个组件的类,第二个是参数是配置对象。

挂载

mount(target, options): 第一个参数为挂载的位置,第二个参数可选,可选值为first-child or last-child。该参数决定挂载的位置是第一个还是最后一个子节点。

销毁

destroy(): 销毁该应用

配置

在应用中,可以配置的参数如下:

  • env: 环境变量,可以在组件间进行共享的数据结构。
  • props: root组件的属性对象。
  • dev: 布尔值,是否是开发者模式,默认为false。
  • test: 布尔值,与dev模式一样,只是不在日志中提示为开发者模式。
  • translatableAttributes:字符串列表,应该翻译的属性列表。
  • translateFn:owl翻译模版时被调用的方法
  • templates:模版名称或XML代码,被组件用来渲染的模版
  • warnIfNoStaticProps:布尔值,当一个组件没有静态描述属性时,是否在日志进行提示。

results matching ""

    No results matching ""