博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue整合ElementUI(适合新手快速入门)
阅读量:3929 次
发布时间:2019-05-23

本文共 359 字,大约阅读时间需要 1 分钟。

vue整合ElementUI

1、安装

这里我使用的是vs打开的vue项目,黑窗口模式进入项目路径也可。

npm i element-ui -S

在这里插入图片描述

执行完上述命令。

2、引入Element

这里我直接完整引入,当然大家也可以按需引入。

在项目的 main.js中写入以下内容:

import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);

3、测试

ElementUI官网上看到这样一个实例,我们试着运行它看看。

在这里插入图片描述

查看它的代码,将它的代码复制到我们的App.vue文件中

在这里插入图片描述

在这里插入图片描述

在终端执行命令npm run dev

在这里插入图片描述

查看网站

在这里插入图片描述

证明整合ElementUI已经成功了~大家可以试着去玩玩。

转载地址:http://khtgn.baihongyu.com/

你可能感兴趣的文章
JAVA算法:DFS算法求解素数环问题
查看>>
LeetCode刷题:39. Combination Sum
查看>>
LeetCode刷题:200. Number of Islands
查看>>
LeetCode刷题:78. Subsets
查看>>
LeetCode刷题:695. Max Area of Island(JAVA代码详解)
查看>>
LeetCode刷题:657. Judge Route Circle
查看>>
LeetCode刷题:5. Longest Palindromic Substring
查看>>
研发主管的烦恼:EBS-6号服务器宕机引发的“血案”
查看>>
PMP笔记—PMP考试中不同合同类型的优缺点比较
查看>>
PMP笔记—PMP考试中合同类型选择判断技巧
查看>>
精益Scrum(一)
查看>>
精益Scrum(二)
查看>>
精益Scrum(三)
查看>>
精益Scrum(四)
查看>>
精益Scrum(五)
查看>>
精益Scrum(六)
查看>>
精益Scrum(七)
查看>>
软件测试管理—如何写好软件测试计划书
查看>>
解读一名软件测试经理所需要具备的能力
查看>>
做好 Test Leader所需要的“软技能”
查看>>