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的相关组件了)

扫描二维码关注公众号,回复: 11145296 查看本文章


打开项目下的 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 })

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

 

 

 

猜你喜欢

转载自www.cnblogs.com/l-ialiu/p/12795304.html