vue3 项目中引入Element Plus

项目是用vite创建的vue3项目,使用的是js语言

1.npm安装

npm install element-plus --save

2.main.js中全局引入element plus

import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import router from './router/index'//引入路由
import store from '@/store/index'  //引入vuex
import ElementPlus from 'element-plus'  // 引入element-plus
import '../node_modules/element-plus/theme-chalk/index.css'

createApp(App)
.use(router)
.use(store)
.use(ElementPlus)
.mount('#app')

3.使用测试,从官网上找一段代码放到项目了,看能否显示出来

  

 发现现在vue3比较好的支持ts 网上文献大部分也是创建的基于ts语法的vue3项目,element-plus也是用的是ts语法,好尴尬啊,ts已经列入学习计划了

猜你喜欢

转载自blog.csdn.net/uniquepeng/article/details/126560056