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 构建

주의할 점

요소 플러스 아이콘이 표시되지 않는 경우는 리소스 패키지 참조 문제입니다.

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