ดาวน์โหลด ispa element - ดาวน์โหลดซอร์สโค้ด ispa element

ispa element

หมวดหมู่อื่นๆ

0.7.0

ดาวน์โหลด

UI องค์ประกอบ iSPA

ไลบรารีคอมโพเนนต์สำหรับ VueJs (Vue 3) ยึดตาม Tailwind Css

เริ่มต้นอย่างรวดเร็ว

หากต้องการใช้งาน ให้เปิดเทอร์มินัลของคุณในไดเร็กทอรีที่ต้องการแล้วรันคำสั่งต่อไปนี้:

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 หรือมีบิลด์ที่ใช้ webpack โดยมีการกำหนดค่า vue-loader นำเข้าส่วนประกอบเป็นไฟล์ .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 }
}

::: tip หมายเหตุ คุณสามารถใช้ชื่อแท็กใดก็ได้ แต่โปรดสังเกตว่าชื่อแท็กเหล่านี้อาจขัดแย้งกับชื่อแท็กอื่น ดังนั้นตรวจสอบให้แน่ใจว่าเป็นชื่อแท็กที่ไม่ซ้ำใครที่จะใช้ -