一、安装Node环境 1、下载地址https://nodejs.org/en/2、检查是否安装成功Win+R》cmd》控制台输入node -v,若显示版本号v****即为安装成功。二、安装淘宝镜像(非必需,提高效率需要) 1、镜像地址http://npm.taobao.org/2、安装淘宝镜像npm install -g cnpm –registry=https://registry.npm.ta
前戏 vue-element-admin 是一个后台前端解决方案,它基于 vue element-ui实现。它使用了最
原创 2022-07-07 10:58:18
406阅读
通过一个用户注册页面来介绍1、先下载下element-ui 使用命令【cnpm install element-ui】 页面中需要使用md5加密,所以一起把md5的js也下载下来 【cnpm install js-md5】2、下载好了,在main.js中导入下就可以开始使用了// 导入element-ui组件 import ElementUI from 'element-ui' import "e
Vue快速入门Vue是一套构建用户界面的渐进式的前端框架Vue的程序包含视图脚本俩个核心部分1.入门步骤-1 导入js文件 -2 视图部分 -3 脚本部分2.快速入门<body> <!--视图--> <div id="div"> {{msg}} </div> <script src="../js/vu
转载 2024-06-18 07:51:49
42阅读
这个例子还是比较简单的,独立完成后,能大概知道vue是干嘛的,可以写个todoList的小例子。开始写例子之前,先对环境的部署做点简单的介绍,其实Vue官方的差不多。#如若没有安装过vue-cli,先全局安装一下vue-cli $ cnpm i -g vue-cli #到自己喜欢的目录下创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # #
一、关于Element 1.Element,一套为开发者、设计师产品经理准备的基于 Vue 2.0 的桌面端组件库,官方网址:http://element-cn.eleme.io/#/zh-CN 2.Element UI 是饿了么前端团队倾情打造htt...
原创 2021-11-23 17:33:43
331阅读
安装使用 element 1.安装 2.使用 (1)在 main.js 中引入 element main.js 为修改 (2)简单应用 修改 src/components/HelloWorld.vue 重新启动,预览 http://localhost:8080,变为 (3)修改路由 将src下的co
转载 2019-11-14 14:41:00
74阅读
2评论
样式main.jsimport Vue from 'vue'import App from './App.vue'//全部引入// import ElementUI from 'eleme
原创 2023-03-14 09:22:48
966阅读
1.vue2创建项目-clicli文档 https://cli.vuejs.org/zh/1.1打开cmdwin + r 输入cmd 输入node -v 如果数显版本号就是一串数字就证明已经安装node环境 如果提示node不是内部或者外部命令,要先安装node.js http://nodejs.cn/download/1.2、全局安装npm/cnpm install -g @vue
要安装的工具Vscode(IDEA也可以替代)、node、Git。Git安装成功git之后,右击鼠标,找到选项Git Bash Here,通过git克隆vue-element-admin到本地。代码为git clone https://github.com/PanJiaChen/vue-element-admin.git。如果无法连接Github,可以参考这个教程。Github进入不了的解决方法n
前言本文主要介绍属性、事件插槽这三个vue基础概念、使用方法及其容易被忽略的一些重要细节。如果你阅读别人写的组件,可以从这三个部分展开,它们可以帮助你快速了解一个组件的所有功能。 本文的代码请猛戳https://github.com/ljianshu/Blog,纸上得来终觉浅,大家动手多敲敲代码!一、属性1.自定义属性propsprop 定义了这个组件有哪些可配置的属性,组件的核心功
VueElement基础使用:Vue常用命令:文本插值,绑定属性,条件渲染,列表渲染,事件绑定,表单绑定;Element基本使用:基础布局,容器布局,表单组件,表格组件,顶部导航栏组件,侧边导航栏组件,综合案例学生列表实现
原创 2022-01-04 11:35:54
614阅读
 一.Vue渐进式 JavaScript 框架二.Vue安装1.安装node.js node.js中文网下载网址http://nodejs.cn/download/ 下载安装后,打开命令行(win+r 输入cmd)输入node -v 查看node的版本号,若显示如图则安装成功。安装完node.js也就有了npm管理器,它是集成在node中的,输入 npm -v 命令,显示npm的版本信息
转载 2024-02-26 11:03:29
149阅读
首先安装好node.jsnpm安装vue$ npm install vue 安装vue脚手架后生产模板项
原创 2022-06-29 19:54:34
101阅读
一、蓝色主题 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阅读
需求背景:dashboard作为目前企业中后台产品的“门面”,如何更加实时、高效、炫酷的对统计数据进行展示,是值得前端开发工程师UI设计师共同思考的一个问题。今天就从0开始,封装一个动态渲染数据的Echarts折线图组件,抛砖引玉,一起来思考更多有意思的组件。准备工作项目结构搭建因为生产需要(其实是懒),所以本教程使用了 vue-cli进行了项目的基础结构搭建。npm install -g vu
转载 2024-10-09 19:06:15
746阅读
一、效果图目前10种筛选类型 看看是否是你需要的,本文可能有点长 ,我尽可能的给讲清楚,包括源码附上二、无聊发言点击当前行跳转部分数据后缀追加图标某列数据根据状态增加颜色标识三、前言实现图中的表格,特定的两个要求,筛选条件的接口(返回多种类型及字段标识),列表接口统一为一个,靠mark参数传输与后台商定好的标识,当然,如果你们的后端能够即能返回列表数据又能返回筛选条件的各种类型的标识也是极好的 。
转载 2024-04-09 12:38:35
331阅读
一、Vue的定义 Vue是一套用于构建用户界面的【渐进式框架】。与其他大型框架不同,Vue被设计为可以【自底向上逐层应用】。【Vue的核心库只关注视图层】,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链及各种支持类库结合使用,Vue也完全能够为复杂的单页应用提供驱动。 兼容性:Vue不支持IE8及以下版本,因为Vue使用了IE8无法模拟的【ECMAScrip
公司最近项目是后台管理系统,由我负责,网上找模板发现还需要改很多地方,而且那些模板也没有写代码的实现思路,对于vue项目经验不足者很难看懂,所以就按照自己的思路从零实现一遍,过程讲解还是比较详细的,若是有不足之处还请指正。整体布局:登录:   菜单:准备工作:1、安装elementuinpm i element-ui -S import ElementUI from
转载 2024-02-08 15:19:31
101阅读
应产品的要求,做人生中的第一次换肤项目,在没做之前,确实觉得挺没有头绪的,所以就只能借助于百度啊,然后发现其实element自带的就有换肤功能,虽然看了很多别人的文章,但是想自己写一下加深印象。 一、项目搭建       第一步肯定是根据命令行生成对应的项目框架,然后安装element,根据需求引入自己需要的eleme
转载 2024-05-13 09:25:19
530阅读
  • 1
  • 2
  • 3
  • 4
  • 5