vue3 next

vue3-next ist eine verwaltungsseitige Vorlagenlösung, die auf vue3, ts und element-plus basiert. Die Projekte sind alle im Kompositions-API-Stil geschrieben.

Vorschauadresse

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

Diese Vorlage soll Ihnen den Einstieg in die Entwicklung mit Vue 3 und Typescript in Vite erleichtern.

veranschaulichen

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

Dinge zu beachten

Wenn das Element-Plus-Symbol nicht angezeigt werden kann, handelt es sich um ein Ressourcenpaket-Referenzproblem. Ändern Sie main.ts

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

Routing-Verlaufsmodus, Github-Site-Bereitstellung fehlgeschlagen, ich weiß nicht warum, Sie können den Hash-Modus zum Erstellen verwendenWebHashHistory

Das Routing verwendet die Caching-Methode, fügt keepAlive:true zum Routing-Fleisch hinzu und fügt der entsprechenden Seite einen Namen hinzu, wie zum Beispiel:

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