vue3 next

vue3-next は、vue3、ts、および element-plus に基づいた管理側のテンプレート ソリューションであり、プロジェクトはすべてコンポジション API スタイルで記述されています。

プレビューアドレス

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

このテンプレートは、Vite で Vue 3 と Typescript を使用した開発を始めるのに役立ちます。

説明する

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

注意事項

エレメントプラスアイコンが表示されない場合は、main.ts のリソースパッケージ参照の問題です。

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