vue 2.0项目中如何引入element-ui详解
前言本文主要介绍了关于在vue 2.0项目中引入element-ui的相关内容,从新建vue项目到引入组件Element介绍的非常详细,下面话不多说了,来一起看看详细的介绍吧。 一、新建项目1.查看 node和npm是不是已经安装好命令: 2. 3.安装 vue-cli 1、 2、 4. 安装 5.cd 你的运行目录 6.新建vue项目 7.进入项目目录 8.安装依赖 9.运行项目 10.发布项目 注:mac电脑需要在安装淘宝镜像前执行: 二、使用element-ui前需安装修改的配置:1. 安装 loader 模块: 2. 安装 Element-UI 模块 3. 修改 webpack.base.conf.js 的配置,位置:如下图: 下面是需添加的代码: 三、引入Element,前面已经全局安装了element-ui,只需要在Vue项目中引入即可1、打开项目:src/main.js,添加下面三条 四、然后在.vue文件里就直接可以用了例如:做一下修改,加入element-button按钮: 五、成功后的截图:总结以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对编程之家的支持。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |