API 介绍
以下是 ofa.js API 的概览,你可以先浏览一遍,以备将来需要时再来查阅详细文档:
实例相关
- $:主要用于获取实例的方法
- all:获取所有相关实例
- prev:获取目标元素的前一个实例
- prevs:获取目标元素前面的所有实例
- next:获取目标元素的后一个实例
- nexts:获取目标元素后面的所有实例
- siblings:获取目标元素的所有相邻元素实例
- parent:获取父元素实例
- parents:获取所有父元素的实例集
- clone:克隆实例的方法
- ele:获取实例的实际原生元素
- shadow:获取自定义组件的影子根节点
- root:获取目标实例的根节点
- 子元素:通过数字直接获取子元素
- host:获取目标的 app 元素实例
节点操作
属性操作
- text:获取或设置目标元素的文本
- html:获取或设置目标元素的 HTML 代码
- attr:获取或设置目标元素的 attributes
- css:获取或设置目标元素的样式
- style:获取目标元素的原生样式
- classList:获取目标元素的原生 class 列表
- data:获取目标元素的原生数据集
事件相关
模板语法
生命周期
- created:组件被创建,但未渲染内容时触发
- ready:组件被创建,内容被渲染后触发
- watch:组件初始化完成后和值被改变后触发
- loaded:组件内嵌资源被加载完成后触发
- attached:组件被添加到 document 后触发
- detached: 组件从 document 被移除后触发
- routerChange:内嵌的父页面在应用路由改变时触发
其他
- 盒模型:获取目标元素的所有尺寸相关的数据
- formData:方便地绑定和获取表单数据
- tag:获取目标的标签名
- index:获取目标元素在其父元素下的排序
- is:判断目标元素是否匹配 CSS 选择器表达式
- refresh:主动刷新组件的界面
- PATH:获取组件或页面的注册文件地址
- extend:扩展实例的数据或方法;扩展 ofa.js 底层的数据或方法;
- version:获取当前引入的 ofa.js 的版本号
- 实例数据特征:介绍实例数据的子对象数据特性,如何监听数据的变动