element-ui的安装和使用，及在Vue项目中，查看当前正在使用的element-ui版本

最新推荐文章于 2024-01-30 22:40:13 发布

gao_jun1

最新推荐文章于 2024-01-30 22:40:13 发布

阅读量9.5k

点赞数 3

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/gao_jun1/article/details/108409913

版权

vue 专栏收录该内容

9 篇文章

订阅专栏

一、引入element-ui的两种方式

第一种方式：使用npm命令行安装

npm i element-ui -S

在这里插入图片描述

第二种方式：CDN直接获取最新资源

在这里插入图片描述

二、element的使用

重要：在main.js中引入并使用

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'

/*element的依赖*/
/*引入下面三行*/
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})