（四）初学Vue之第三方组件Element-ui组件的使用。

最新推荐文章于 2024-08-07 18:21:52 发布

加油加油加油啊

最新推荐文章于 2024-08-07 18:21:52 发布

阅读量3.3k

点赞数

分类专栏： VUE

本文链接：https://blog.csdn.net/weixin_42615719/article/details/81154533

版权

本文介绍了初学者如何在Vue项目中使用第三方组件库Element-ui，包括新建Vue项目、添加并引入Element-ui、在组件中使用Element-ui的步骤，以提升项目效率和界面效果。参考官方文档以获取更多详细信息。

摘要由CSDN通过智能技术生成

一.简介

在我们的工程项目中，使用一些第三方组件如Element-ui，Bootstrap等，可以让我们更快更好地完善美化设计我们的项目。可以省去很多时间，重要的是这些组件有时候比我们自己做的的效果要更好。

二.具体做法。

1.新建Vue项目

1. vue init webpack vue-study7.21 // 生成项目
2. cd vue-study7.21 // 进入项目目录
3. npm install // 安装依赖
4. npm run dev // 运行项目

2.添加Element-ui组件

// 这里用cnpm代替npm 使用淘宝镜像代理
1.cnpm install element-ui -S

3.main.js引入element-ui组件

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import Vue from 'vue'
import App from './App'
import router from './router'
import store from './vuex/store.js'

Vue.use(ElementUI)
Vue.config.productionTip = false

// 路由跳转
Vue.prototype.$goRoute = functio