頁面介紹

Page?是一個?Webview?的邏輯抽象層，同時也是組件掛載的根節(jié)點(diǎn)。

代碼引入

import { Page } from '@ali/kylin-framework';

頁面聲明結(jié)構(gòu)

一個Page包含的接口在頁面接口中聲明，提供了對?Vue?實(shí)例的完整控制能力，簡易的?Page?使用如下，initOptions?負(fù)責(zé)處理額外的?Vue?配置選項(xiàng)。

import { Page } from '@ali/kylin-framework'; import IndexComponent from './indexComponent.vue'; class IndexPage extends Page {initOptions() {return {}}render(h) {return <IndexComponent></IndexComponent>} } new IndexPage('#app');

頁面接口

本部分介紹頁面接口的命名空間及 API。

命名空間

ES6?通過如下方式引入：

import { Page } from '@ali/kylin-framework';

API

目前?Page?提供如下成員方法以供派生：

• initOptions
• render

initOptions

function initOptions(): VueOptions

返回值

返回結(jié)果要求是一個合法的?Vue?入?yún)ⅰＲ话銇碚f，不建議在?Page?層引入過于復(fù)雜的配置，涉及到的邏輯都可以放到?Component?中來維護(hù)。

render

該函數(shù)要求是一個合法的?Vue?的?render?函數(shù)。

function render(): VNode

返回值

返回結(jié)果要求是合法?VNode?元素，請按照?JSX?規(guī)范進(jìn)行書寫。

?

總結(jié)

以上是生活随笔為你收集整理的kylinH5框架之项目脚手架的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。