vue3 next

vue3-next é uma solução de modelo do lado do gerenciamento baseada em vue3, ts e element-plus. Os projetos são todos escritos no estilo API de composição.

Visualizar endereço

Vue 3 + texto datilografado + Vite + Vuex4 + Element-Plus

Este modelo deve ajudá-lo a começar a desenvolver com Vue 3 e Typescript no Vite.

ilustrar

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

Coisas a serem observadas

Quando o ícone do elemento mais não pode ser exibido, é um problema de referência do pacote de recursos. Modificar main.ts.

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

Modo de histórico de roteamento, falha na implantação do site github, não sei por que, você pode usar o modo hash para criarWebHashHistory

O roteamento usa o método de cache, adicione keepAlive:true à parte do roteamento e adicione o nome à página correspondente, como:

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