vue3 next

vue3-next เป็นโซลูชันเทมเพลตฝั่งการจัดการที่ใช้ vue3, ts และ element-plus โปรเจ็กต์ทั้งหมดเขียนในรูปแบบ API การเรียบเรียง

ดูตัวอย่างที่อยู่

Vue 3 + Typescript + Vite + Vuex4 + องค์ประกอบ-Plus

เทมเพลตนี้จะช่วยคุณเริ่มต้นพัฒนาด้วย Vue 3 และ Typescript ใน Vite

แสดงให้เห็น

此模版采用 Vue 3 + Typescript + Vite + Vuex4 + Element-Plus 构建

สิ่งที่ควรทราบ

เมื่อไม่สามารถแสดงไอคอนองค์ประกอบบวก แสดงว่าเป็นปัญหาการอ้างอิงแพ็คเกจทรัพยากร

// import 'element-plus/lib/theme-chalk/index.css'
import 'element-plus/packages/theme-chalk/src/index.scss'

โหมดประวัติเส้นทาง การปรับใช้ไซต์ github ล้มเหลว ฉันไม่รู้ว่าทำไม คุณสามารถใช้โหมดแฮชเพื่อสร้างWebHashHistory

การกำหนดเส้นทางใช้วิธีการแคช เพิ่ม KeepAlive:true ให้กับส่วนการกำหนดเส้นทาง และเพิ่มชื่อลงในเพจที่เกี่ยวข้อง เช่น:

  // router/modules/componentVector.js
  {
    path : '/dynamicTable' ,
    name : 'DynamicTable' ,
    component : ( ) => import ( '../../views/componentVector/dynamicTable.vue' ) ,
    meta : { title : '动态表格' , noCache : true , icon : 'Smoking' , keepAlive : true } ,
  }

  // view/componentVector/dynamicTable
  export default defineComponent ( {
    // ...
    name : 'DynamicTable' ,
    // ...
  } )