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 })

 

 

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

 

 

 

posted @   伊人兮明眸秋水  阅读(5183)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示