kylinH5框架之專案腳手架

2021-10-06 03:45:12 字數 1043 閱讀 2783

page是乙個webview的邏輯抽象層,同時也是元件掛載的根節點。

import  from '@ali/kylin-framework';
乙個page包含的介面在頁面介面中宣告,提供了對vue例項的完整控制能力,簡易的page使用如下,initoptions負責處理額外的vue配置選項。

import  from '@ali/kylin-framework';

import indexcomponent from './indexcomponent.vue';

class indexpage extends page

} render(h)

}

本部分介紹頁面介面的命名空間及 api。

es6通過如下方式引入:

import  from '@ali/kylin-framework';
目前page提供如下成員方法以供派生:

initoptions

function initoptions(): vueoptions
返回值

返回結果要求是乙個合法的vue入參。一般來說,不建議在page層引入過於複雜的配置,涉及到的邏輯都可以放到component中來維護。

render

該函式要求是乙個合法的vuerender函式。

function render(): vnode
返回值

返回結果要求是合法vnode元素,請按照jsx規範進行書寫。

kylinH5框架之專案腳手架

專案初始化結構如下 project mock mock.config.js rpc test.js package.json www src common components css base.less img js layout index.html layout.html pages inde...

vue腳手架,搭建vue專案框架

1.安裝node.js 2.基於node.js,利用 npm映象安裝相關依賴 在cmd裡直接輸入 npm install g cnpm registry 回車,等待安裝.3.安裝全域性vue cli腳手架,用於幫助搭建所需的模板框架 在cmd裡 1 輸入 cnpm install g vue cli...

vuecli腳手架的安裝與腳手架建立專案

安裝最新版本腳手架,進入終端輸入命令 npm install g vue cli由於vuecli3.0之後與2.0產生了較大的變化,如果想要使用2.0版本的模板的話,需要使用2.0版本的 vue init 輸入命令 npm install g vue cli init在終端中輸入vue versio...