vue3 next

vue3-next — это шаблонное решение на стороне управления, основанное на vue3, ts и element-plus. Все проекты написаны в стиле API композиции.

Предварительный адрес

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

Этот шаблон должен помочь вам начать разработку с использованием Vue 3 и Typescript в Vite.

иллюстрировать

此模版采用 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' ,
    // ...
  } )