Element-ui和vue-element-admin学习_element ui admin

作者：不正经 | 2024-02-19 15:23:47

踩

element ui admin

Element-ui

什么是Element-ui？

根据官网的说法，Element-ui，是一套为开发者、设计师和产品经理准备的基于Vue 2.0的由饿了么公司出品的桌面端组件库。
官网：https://element.eleme.cn/#/zh-CN
Element-ui官网

如何使用？

1、创建文件夹element-ui。
2、下载组件。

npm install vue #安装Vue
npm i element-ui -S #安装Element-ui
1
2

3、为了代码更加清爽，可以将主要依赖vue.min.js和element-ui包放入lib目录中，lib目录需手动创建。
lib目录结构
4、搭建第一个UI界面入门程序。

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <!-- import CSS -->
  <link rel="stylesheet" href="./lib/element-ui/lib/theme-chalk/index.css">
</head>

<body>
  <div id="app">
    <!-- 所有的el-开头的标签都是elementui的组件！ -->
    <el1
2
3
4
5
6
7
8
9
10
11
12

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/不正经/article/detail/115463