当前位置: 首页 > 工具软件 > Owl > 使用案例 >

owl 库主要部件概览

徐嘉谊
2023-12-01

主要实体:

App: 代表一个Owl应用(主要是一个根组件,一组模板,和一个配置)
Component: 定义具体 Owl 组件的主类
mount:大多数应用程序的主要入口点:将组件安装到目标
xml: 帮助定义内联模板

反应性

useState:创建一个反应对象(钩子,链接到特定组件)
reactive:创建一个反应对象(不链接到任何组件)
markRaw:标记一个对象或数组,以便它被反应系统忽略
toRaw:给定一个反应对象,返回原始(非反应)底层对象

生命周期钩子:

onWillStart: 钩子来定义应该在渲染组件之前执行的异步代码
onMounted: 钩子来定义挂载组件时应该执行的代码
onWillPatch: 钩子来定义在修补组件之前应该执行的代码
onWillUpdateProps: 钩子来定义应该在组件更新之前执行的代码
onPatched: 钩子来定义在修补组件时应该执行的代码
onWillRender: 钩子来定义应该在渲染组件之前执行的代码
onRendered: 钩子来定义组件渲染后应该执行的代码
onWillUnmount: 钩子来定义在卸载组件之前应该执行的代码
onWillDestroy: 钩子定义在组件被销毁之前应该执行的代码
onError: 钩子定义一个猫头鹰错误处理程序

其他挂钩:

useComponent: 返回对当前组件的引用(用于创建派生挂钩)
useEffect: 定义一个效果及其依赖
useEnv: 返回对当前环境的引用
useExternalListener: 在组件 DOM 之外添加一个监听器
useRef: 获取表示引用 ( t-ref)的对象
useChildSubEnv:使用附加信息扩展当前环境(对于子组件)
useSubEnv:使用附加信息扩展当前环境(针对当前组件和子组件)

实用程序/助手:

EventBus: 一个简单的事件总线
loadFile: 从服务器加载文件的助手
markup: 用于定义表示 html 的字符串的实用函数(不应转义)
status: 获取组件状态的实用函数(新的、已安装的或已销毁的)
validate:验证对象是否满足指定的模式
whenReady: 在 DOM 就绪时执行代码的实用函数

 类似资料: