在Vue项目中引入ElementUI组件的方法

环境要求

开发

开发

官网下载地址：http://nodejs.cn/download/具体安装参考其他资料

打开cmd命令行，输入npm -v v，如果出现下图，说明安装正确。

如果安装的版本较旧，您希望升级新版本

npm安装npm -g

安装网络包

安装网络包

npm安装webpack -g

-g表示安装是全球性的

安装vue-cli

安装vue脚手架项目初始化工具vue-cli

npm安装vue-cli -g

淘宝镜像

npm使用的国外中央仓库下载速度慢，有时有些文件会被屏蔽。

NPM install-g cnpm-registry=https://registry . NPM .淘宝. org

推荐淘宝镜像，安装淘宝镜像后可以用cnpm代替npm。例如，webpack可以使用以下命令：

安装webpack -g。

创建Vue项目

Vue init webpack项目名称

快跑

npm运行开发

访问本地主机：8080

介绍ElementUI

打开项目src\main.js进行添加

从“element-ui”导入element ui“import”element-ui/lib/theme-粉笔/index.css'Vue.use(ElementUI)

Package.json文件

元素-ui': '^2.4.9'

重新安装npm

测试安装是否完成

在App.vue中随意添加elementUI标签，如：

El-input v-model=' input ' placeholder='请输入内容'/El-input data(){ return { input 3360 ' ' } }

保存后，打开网页并显示输入成功

摘要

以上就是边肖介绍的在Vue项目中引入ElementUI组件的方法，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你的！