ispa element下載 - ispa element原始碼下載

ispa element

其他類別

0.7.0

下載

iSPA 元素使用者介面

基於 Tailwind Css 的 VueJs (Vue 3) 元件庫。

快速入門

要使用它，請在所需目錄中開啟終端並執行以下命令：

npm install ispa-element

然後將庫新增到您的主 js 專案中

 import { createApp } from 'vue'
import iSPAElement from 'ispa-element'

const app = createApp ( App )
app . use ( iSPAElement ) . mount ( '#app' )

模組加載器

如果您的應用程式使用 vue-cli 或具有配置了 vue-loader 的基於 webpack 的構建，則這是建議的方式。將組件匯入為 .vue 文件，以便在專案中無縫集成，其中每個組件的路徑可在組件文件的「導入」部分中找到。

 import { IButton } from 'ispa-element'

在下一個步驟中，使用您要使用的標籤名稱註冊元件。

 //  In app.js
import { createApp } from 'vue'
const app = createApp ( App )

app . component ( IButton . name , IButton )
// OR app.component('i-button', IButton)

app . mount ( '#app' )

//  In component.vue
export default {
  components : { IButton }
}