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

أشياء يجب ملاحظتها

عندما لا يمكن عرض رمز العنصر الزائد، فهذه مشكلة مرجعية لحزمة الموارد

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