vue3 next

vue3-next 是一個管理端範本解決方案，它是基於vue3,ts和element-plus，專案都是以composition api風格編寫。

預覽地址

Vue 3 + Typescript + Vite + Vuex4 + Element-Plus

This template should help get you started developing with Vue 3 and Typescript in Vite.

說明

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

注意事項

element-plus 圖示無法顯示時是資源包引用的問題，修改main.ts

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

路由history模式，github站點部署不成功，還不知道為啥，用hash模式就可以createWebHashHistory

路由使用快取的方法，在路由meat加入keepAlive:true，並在對應頁面加入name 如：

  // 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' ,
    // ...
  } )