最近在用element-ui重构前端项目，无意之中翻阅到一个比较好用的组件间通信方式，借助于vue的封装的发布-订阅消息模式与mixin语法。在开始之前先总结下vue常用的组件间通信方式，具体如下： 1、props与自定义事件 优点：常用的父子、子父组件传递方式，简单易懂 缺点：子父、父子之间传参比较高效，但是爷孙，兄弟组件之间存在通信短板，只能一级级传递 2、vue 2.4中
转载
2024-06-18 06:58:37
107阅读
前言本次使用Vue+element-ui创建项目，当然前提是已经安装好vue和node.js。准备工作本次小弟使用的编辑器是VS Code(Visual Studio Code)。 电脑还要有网络哦。实战创建项目打开你的cmd命令，切换到你要存放vue项目的文件夹。 小弟本次将项目存放在E盘的vue文件夹里。输入vue init webpack-simple 项目名 记得空格，但是前后都没有空格。
转载
2024-04-11 12:54:50
298阅读
1.使用vue ui创建vue工程利用vue-cli提供的图形化工具快速搭建vue工程： 命令行运行：vue ui工程结构说明build：项目构建webpack（打包器）相关代码 config：配置目录，包括端口号等 node_modules：npm加载的项目依赖模块 src：主要代码开发目录： |----assets：放置一些图片 |----components：放置组建文件 |----App.
转载
2024-03-30 08:54:25
134阅读
一、程序执行流程 二、和其他采用VUE框架的项目一样，vue Element Admin 的程序入口是main.js，在这里new了一个VUE实例，同时导入引用了permission和routerrouter：路由表permission：权限控制到这里程序的执行为main.js(new VUE)--->permission------>路由
转载
2024-04-18 13:05:17
443阅读
Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实
一.Mint UI官网：https://mint-ui.github.io/#!/zh-cnGithub: https://github.com/ElemeFE/mint-ui/由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库。自 6 月初开源以来，根据社区和团队内部的反馈，修复了一些 bug 并新增了部分组件，于本周发布了 0.2.0 版本。 二.We
Element源码系列——搭建开发环境序言由于其中涉及的知识点比较多,为了尽可能写的更详细,将会有一些文章间的跳转.如有带来困扰,实在抱歉.个人觉得在搭建之前,角色互换一下,设身处地的想一下如果让您做一个这样的产品应该怎么去开发? 既然咱们开发的是一个UI框架,那么一个美观的教程网站肯定是必须的,并且网站至少要有展示效果+代码+API这种组合来呈现内容.那么我们首先要解决的问题是分离开发网站与开发
转载
2024-06-11 16:52:09
78阅读
element from表单源码分析，涉及到input、select、checkbox、picker、radio等组件的的验证。表单的验证用到了async-validator 插件。一起来看看吧。 首先form表单组件由两部分组成 form: 统一管理form-item。form-item：负责完成验证等。form结构<form class="el-form" :class="[
转载
2024-04-24 15:26:36
358阅读
一、蓝色主题 Element ui 后台管理 Demo https://github.com/taylorchen709/vueAdmin https://taylorchen709.github.io/vueAdmin/#/user Element ui 文档 http://element.eleme.io/#/zh-CN/...
原创
2021-11-23 17:18:55
2562阅读
vue init webpack 项目名称 npm install axios //先安装！ npm install --save axios vue-axios //然后！ npm install vuex --save //安装vuex npm i element-ui -S //安装vant，
转载
2019-08-20 18:11:00
84阅读
2评论
一、介绍：el-tree在element文档中有查询全树的代码，本文主要是在此基础上添加了增加、删除、修改的界面样式与功能。二、具体来说：1、鼠标移动到树上显示删除和修改： 点击删除，当前节点删除； 点击修改，树的选中节点变成input可以重新输入名称并且右边出现取消或确认的icon。2、点击底部添加按钮，如果未选中树
转载
2024-04-06 08:04:15
828阅读
VUE+Element-UI 多语言化 写在前面应项目需要同时感谢项目组前辈给我这次机会去实践 vue+element-ui 本地化的任务 ，本着分享的原则将过程记录下来VUE及Element-UI信息网站快速成型工具Element-UI渐进式JavaScript 框架Vue.js 准备在查阅了一些资料之后发现所谓本地化就是将相应的menu、tips、message做成变量，同时将这些变量对应的
在实现一个基于Vue和Element UI的后台管理系统框架时，我们需要按照以下步骤进行操作。首先我们来看一下整个流程：
| 步骤 | 操作 |
| ------ | ------ |
| 1 | 创建Vue项目 |
| 2 | 引入Element UI |
| 3 | 设计后台管理系统的布局 |
| 4 | 定制主题 |
| 5 | 添加路由 |
| 6 | 开发页面组件 |
| 7 | 添加
原创
2024-05-17 13:38:55
615阅读
一、效果图 二、参考手册 element-ui：https://element.eleme.cn/#/zh-CN/component/installation
原创
2022-03-24 10:09:09
1393阅读
elementui-admin实现动态路由一：这里使用elementui-admin作为前端项目的架构 下载模板 并改造git地址：https://github.com/PanJiaChen/vue-admin-template下载下来之后就是改造成自己使用的 这个是admin-template建议模板 功能不多，如果开发需要可以从https://github.com/PanJiaChen/vue
转载
2024-03-05 11:50:41
533阅读
今天突发奇想想从零开始搭建一个vue项目，为什么会有这样的想法呢？我从开始接触vue到现在已经一年了，但是我从开始接触到现在其实都没有自己完整的做一个项目。要不是半路加入项目组，要不就是在别人的初始框架上进行二次开发，要不就是给别人开发完成的项目擦屁股。所以我想着我从零开始搭建一个Vue项目应该会让我对vue的整体架构会有着更深的理解。话不多说，让我们开始第一期的开发。1）环境搭建Node环境网上
1.安装 使用命令 npm i element-ui -S 安装element ui 安装sass加载器 cnpm i sass-loader -D 2.使用 在main.js加入如下代码 import Vue from 'vue'; import ElementUI from 'element-u ...
转载
2021-07-28 14:58:00
321阅读
2评论
路由权限校验路由配置文件 src/router/index.js，找到asyncRoutes这个数组，在需要配置权限的路由上添加meta属性，meta是一个
转载
2022-11-07 17:36:19
601阅读
安装使用vue -V命令查看版本的时候，很有可能会报错项目创建在自己电脑本地磁盘新建一个文件夹，用于保存项目，文件夹命名最好使用英文名称，并进入到该文件夹，按住shift键不放，右击选中Windows PowerShell，输入vue create "项目名“ 命令,如下图，我创建的项目名为vue2 回车后，进入如下界面，键盘上下键选择需要的创建方法，这里选择manuallyselect
我们在系统地学习如何开发前端的SPA项目时，在搭建完脚手架之后，不得不绕开的一个框架那就是UI库。UI库是一套集成的前端页面UI组件，可以帮助开发者更好地搭建美观的网站，缩短开发周期。我最近花了很长时间整理了Element-ui库的源码架构细节，下面通过这篇长文分段分享给大家系统架构我们首先从README.md这个markdown文档中： README.md 可以得出：elem
转载
2024-03-10 10:24:32
121阅读
