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 的版本號
- 實例數據特征:介紹實例數據的子對象數據特性,如何監聽數據的變動