vue3 next

vue3-next est une solution de modèle côté gestion basée sur vue3, ts et element-plus. Les projets sont tous écrits dans le style API de composition.

Adresse d'aperçu

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

Ce modèle devrait vous aider à démarrer le développement avec Vue 3 et Typescript dans Vite.

illustrer

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

Choses à noter

Lorsque l'icône élément-plus ne peut pas être affichée, il s'agit d'un problème de référence de package de ressources Modify main.ts.

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

Mode historique de routage, le déploiement du site github a échoué, je ne sais pas pourquoi, vous pouvez utiliser le mode hachage pour créerWebHashHistory

Le routage utilise la méthode de mise en cache, ajoutez keepAlive:true au routage et ajoutez un nom à la page correspondante, par exemple :

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