vue 笔记（十四）vue+elementUI

最新推荐文章于 2022-09-29 13:48:14 发布
最新推荐文章于 2022-09-29 13:48:14 发布
阅读量1.8k 收藏 23
点赞数 6
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Sunweikai123/article/details/117420352
版权
本文介绍了如何使用Vue 2.0和ElementUI构建项目。首先，通过Vue CLI创建名为'hello-vue'的项目，选择自定义设置。接着，安装ElementUI组件库，然后在IDEA中打开项目并清理默认文件，创建views和router目录。在router目录下编写index.js，为login.vue编写内容，并在main.js中引入所有必要的配置。最后，在App.js中进行相应设置，运行项目查看结果。
摘要由CSDN通过智能技术生成

ElementUI是饿了么基于 Vue 2.0 的桌面端组件库，https://element.eleme.cn/#/zh-CN/component/installation

下面进入实战，根据之前创建Vue-cli   笔记（十一）一样再来一遍创建项目

1.创建工程，在文件夹下打开cmd

即初始化一个叫 hello-vue 的项目

 一路选 no，选第一个，nonono，选最后一个自己安装

会生成下面的文件

2.然后安装插件组件

# 进入hello-vue的工程目录
cd hello-vue
# 安装 vue-router
npm install vue
最低0.47元/天 解锁文章
孤注一掷 、
关注
专栏目录
前端开发模块VUE-Element UI学习笔记
旺仔Sec&blog
08-12 2262
基于 Vue 的一套桌面端组件库，提前封装好的 UI 模板，方便开发者快速搭建一个网站前端界面。官网：https://element.eleme.cn/
vue+elementUI
Massimo__JAVA的博客
06-26 1709
vue+elementUI
VUE+elementUI
a791812366的博客
03-21 342
Vue 集大成者 MVVM+DOM
Vue+elementUI
weixin_44538225的博客
08-08 3757
工具:idea 想要详细了解Vue的话，视频链接：https://www.bilibili.com/video/BV18E411a7mC 博客链接：https://blog.csdn.net/DDDDeng_/article/details/107475920 使用ElementUI组件库来实战，应用到实际中。 创建一个名为vue-element的工程 命令：vue init webpack vue-element 安装依赖，vue-router、element-ui、sass-loader、nod
【狂神vue学习记录】vue+elementUI实战
08-16
Vue.js 是一款轻量级的前端JavaScript框架，它以其易学易用、高效灵活的特点深受开发者喜爱。Element UI 是一套基于 Vue.js 的组件库，它提供了丰富的界面元素，旨在快速构建美观的企业级Web应用。本实战教程将结合 ...
b417学生读书笔记共享-springboot+vue+elementui.zip
最新发布
07-27
系统是一个很好的项目，结合了后端服务（SpringBoot）和前端用户界面（Vue.js）技术，实现了前后端分离。 后台路径地址：localhost:8080/项目名称/admin/dist/index.html 前台路径地址：localhost:8080/项目名称/...
springboot+jwt+shiro+vue+elementUI+axios+redis+mysql完成一个前后端分离的博客项目（笔记,帮填坑）
web18224617243的博客
08-02 967
后端的一个骨架基本完成然后开始我们的前端开发接下来，我们来完成vueblog前端的部分功能。可能会使用的到技术如下vueelement-uiaxios。
vue+element-ui
qq_60555957的博客
09-29 5716
vue+element-ui
Vue+Element UI
m0_60561133的博客
08-17 88
主要标签 el-contaioner:构建整个页面框架 el-aside:构建左侧菜单 el-menu:左侧菜单内容，常用属性: :default-openeds:”[’1‘,‘3’]“默认展开的菜单，通过菜单的index值来关联; :default-active:默认选中的菜单，通过index来关联； el-submenu:可展开的菜单，常用属性： index:菜单的而下表，必须是文本类型， template:设置el-submenu的菜单名 i标签：设置菜单图标，通过class属性实
vue+ElementUI
恨劫的博客
04-16 1465
13.1 创建项目 创建vue # 初始化vue项目 vue init webpack hello-vue cd hello-vue # 安装vue-router npm install vue-router --save-dev # 安装element-ui npm i element-ui -S # 安装所有依赖 npm install # 依赖安装报错，执行 npm audit fix # 安装 SASS 加载器 cnpm install sass-loader node-sass --save-
Vue + elementUI(个人使用)
qq_43062104的博客
01-20 684
目录结构： router文件夹下存放着路由的信息 views文件夹下存放着视图的组件 components文件夹下存放着功能性组件 static文件夹下存放着静态的文件，与后端框架一致 App.vue:vue项目的默认组件,最主要的还是路由的视图的展示 index.html:一般没有任何的改动 ，首页显示的功能 正文: 1.创建项目 初始化: vue init webpack myvue 进入工程文件夹 cd myvue 安装 vue-router(添加到项目中) npm install vue-ro
【前端】vue学习5 : vue + ElementUI
编程学习集装箱
08-22 2258
vue+elementUI 项目搭建 命令行需要管理员权限。 根据之前创建vue-cli项目一样再来一遍 创建项目。 1、创建一个名为 hello-vue 的工程 vue init webpack vue-element D:\IdeaProjects\vue>vue init webpack vue-element ‘git’ ����� ? Project name vue-element ? Project description 回车 ? Author 作者名 ? Vue build sta
Vue.js(一) Vue.js + element-ui 扫盲
热门推荐
人不风流枉少年
12-09 5万+
一：node.js是什么 我们知道javascript代码只能在浏览器上运行，只有浏览器能够解析js代码，如果想要javascript代码能够在服务器端运行就必须提供一个Javascript的运行环境(runtime environment)，这就是node.js。 node.js是对Chrome V8引擎进行了封装，是一个能让JavaScript运行在服务端的开发平台，它让JavaScript成...
vue + elementui
jz1993的博客
07-26 401
  ​​​​<el-form-item v-for="(domain, index) in form.domains" :label="'URL示例'" :key="domain.key" :prop="'domains.' + index + '.value'" :rules="index < 3?[{ required: true, message: '请...
Vue + ElementUI
shiqinghuan的博客
08-03 135
创建工程: 1、创建一个名为hello-vue的工程 vue init webpack hello-vue 2、安装依赖， 我们需要安装vue-router、element-ui、sass-loader和node-sass四个插件 #进入工程目录 cd hello-vue #安装vue-routern npm install vue-router --save-dev #安装element-ui npm i element-ui -S #安装依赖 npm install # 安装SASS加载器 cnpm
Vue+Element UI管理系统搭建与验证教程
本篇学习笔记主要介绍了如何使用Vue.js和Element UI开发一个管理系统。首先，作者强调了在选择技术栈时，Vue以其轻量级和组件化的优势被选用作为前端框架。Vue CLI（Vue Command Line Interface）被用来初始化和管理...
评论 13
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值