vue 引入并配置element-ui


https://element.eleme.cn/#/zh-CN

上面的网址是Element-ui的使用指南;

 

element-ui是  基于vue2.0  的桌面组件库!!!

1,安装element-ui
npm安装: 在需要使用的项目下打开cmd窗口输入: npm i element-ui -S

(安装过淘宝镜像的可以输入  :  cnpm i element-ui -S)

 

2,安装完成后,进入项目进行配置使用(完整引入)(下图是配置了英文的,如果不想使用,可以把图片中第14行的代码删除,并打开图片中第19行代码,关闭图片中第20行代码);

(不配置英文,到此就可以使用element-ui的相关组件了)


打开项目下的 main.js 文件 写入 :

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

在new Vue里面写入 render: h => h(App)

 

3,按照需求进行配置语言(默认中文,可以不配置)(上图配置了英文)

import locale from 'element-ui/lib/locale/lang/en'

Vue.use(ElementUI, { locale })

 

 

更多请仔细查看上面网址内的内容!!!

 

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM