vue3 next

vue3-next es una solución de plantilla del lado de administración basada en vue3, ts y element-plus. Todos los proyectos están escritos en el estilo API de composición.

Vista previa de dirección

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

Esta plantilla debería ayudarle a empezar a desarrollar con Vue 3 y Typecript en Vite.

ilustrar

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

Cosas a tener en cuenta

Cuando no se puede mostrar el ícono de elemento más, es un problema de referencia del paquete de recursos Modificar main.ts.

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

Modo de historial de enrutamiento, la implementación del sitio github falló, no sé por qué, puedes usar el modo hash para crearWebHashHistory

El enrutamiento utiliza el método de almacenamiento en caché, agrega keepAlive:true al carnet de enrutamiento y agrega el nombre a la página correspondiente, como por ejemplo:

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