VUE实战第7页

GitHub 星标 17K，超火的SpringBoot +Vue实战项目，贼全文档视频

项目摘要vhr是一个基于SpringBoot+Vue技术栈开发的前后端分离项目，项目使用SpringBoot2.1.8来开发，集成了当前企业级开发中众多的热门技术点，如消息中间件、Redis缓存、SpringBoot+Vue+ElementUI技术栈等等。技术选型核心框架：SpringBoot2.1.8安全管理：SpringSecurity持久层框架：MyBatis缓存：Redis数据库：MySQ

Java架构俱乐部·2020-07-12 23:51

ElasticSearch入门项目--仿京东搜索（关键字高亮）

ElasticSearch入门，仿京东搜索实战项目源码已上传至Github，点此访问项目介绍此项目是跟随狂神ES课程入门所做的SpringBoot+ES+Vue实战项目，在视频的基础上，已实现前后端分离

无代码，非程序·2020-07-10 15:00

不一样的vue实战(3): 布局与组件

首先首发博客:我的博客项目源码:源码(喜欢请star)项目预览:预览上一章:《学习不一样的vue(2)实战:项目分析》我的Q群:meteor高手群vue学习交流群首先：讲一句抱歉,周末俗事缠身,无力更博，只有今日发了。而且写博挺消耗精力的，你别看短短了几千字，需要反复的斟酌，反复的修改，如果有错误与不足的地方，请评论指正，谢谢！前言本文是结合官方的api文档,进行渐进式学习,在实战中熟悉文档,在文

weixin_34235135·2020-07-10 08:18

vue实战（12）：完结 + 附学习视频

0.其它vue实战（1）：准备与资料整理vue实战（2）：初始化项目、搭建底部导航路由vue实战（3）：底部导航显示、搭建各模块静态页面、添加登录页页面与路由vue实战（4）：postman测试数据、封装

weixin_30371469·2020-07-10 06:47

vue实战中遇到的`坑`

vue实战中遇到的`坑`也可能是因为接触vue时间也不长，经常落入不知名的‘坑’中，对于我这个菜鸟来说，每次‘落坑’无疑是一场不小的灾难。

非假非空·2020-07-10 00:56

Vue实战项目开发--Vue中的动画特效

项目的源代码在GitHub上：点击查看目录vue中的css动画原理在Vue中使用Animate.css库在Vue中同时使用过渡属性和动画Vue中的Js动画与Velocity.js的结合Vue中多个元素或组件的过渡vue中的列表过渡vue中的动画封装vue中的动画特效--总结vue中的css动画原理需要实现动画效果的标签需要包裹Vue中的CSS动画原理.fade-enter,.fade-leave-

任性的我·2020-07-09 00:45

vue实战之vue后台管理系统（三）之公共样式组件

经过login页面跳转，跳转成功后，跳转到table页面。Home.vue组件这个组件的用户登录成功后所有页面(除404页面外），所有页面的公共部分组件layui布局官网布局：http://element-cn.eleme.io/#/zh-CN/component/layout此页面的代码布局结构：图片和昵称的加载{{sysUserName}}mounted(){varuser=sessionSt

mirror_Mx·2020-07-07 17:36

vue_shop电商管理系统

前言这两天在B站上看到一个黑马的Vue实战项目：电商管理系统（Element-UI），包括前后端源代码，前端采用Vue、Vue-router、Element-UI、Axios、Echarts技术栈，后端采用

雪域迷影·2020-07-07 04:22

Vue实战笔记-零基础入门 ---更新中

Vue.js简单认识Vue.js,官方连接：Vue官网，首先需要说明的一点，js原生代码中的Var声明变量会提前声明的现象，所以在实际开发中不推荐使用，推荐使用的变量声明方式如下：let：定义变量，比较推荐使用，不推荐使用varconst：用于定义常量Vue.js的安装方式一：直接CDN引入//对于制作原型或学习，可以这样使用最新版本：//对于生产环境方式二：下载和引入直接下载并用#最新稳定`在这

Leesure_csdn·2020-07-06 22:33

学习不一样的vue实战(1): 环境搭建

首先首发博客:我的博客项目源码:源码项目预览:预览因为个人的喜好和工作的需要,一直想写这样的系列教程，今天如愿以偿，但是我是第一次写，有什么错误，和指教的地方，欢迎吐槽，谢谢!1.1.1安装Node.js一般来讲,可以用以下三种方式安装Node.js：通过安装包安装(Windows和Mac用户推荐)通过源码编译安装(Linux用户推荐)在Linux下可以通过yum|apt-get安装Windows

yang_子义·2020-07-06 17:18

vue实战开发015:响应式布局中的hover事件

在设计响应式布局时，我们经常会根据屏幕的大小来调整样式已适应不同窗口大小的所带来的不同视觉效果，比如说我们常见的导航栏设计，当我们在点击对应的标题时让其背景色切换成深绿色，这样在视觉上更用户能第一眼就能知道自己正点击在哪个选项上了，而在样式上，通常我们会在PC端时显示到顶部位置，而换到移动端时则显示到左边来，如下图所示：处理当前的点击样式，最简单的方法就是直接使用:hover事件来实现该方法，我们

ProgramNotes·2020-07-06 16:33

微信小程序从本地开发环境到线上测试环境和生产环境的配置

这篇文章是对慕课网mpvue实战项目视频过程中环境的配置的总结与更新（因为小程序文档时不时就更新）项目源码：https://github.com/suhuashan/bookCommentSystem如果对你有帮助

Mount华·2020-07-06 02:35

Vue实战(四)登录/注册页的实现

项目地址:Github往期文章:Vue实战(一)项目分析Vue实战--(二)路由设计及导航栏开发Vue实战(三)项目配置登录界面我写好的界面是这样的背景图片的加载-这里要注意的一件事情,就是因为Vue-cil

weixin_33905756·2020-07-05 23:01

electron-vue实战--MAC

electron-vue官方文档:https://simulatedgreg.gitbooks.io/electron-vue/content/cn/一、场景:日前有个查询手机积分和归属地的桌面应用,当然可以直接使用electron创建项目,但我想直接使用vue实现基本功能,然后通过electron打包成不同环境下的桌面程序.二、安装该样板代码被构建为vue-cli的一个模板，并且包含多个选项，可

Facechat·2020-07-02 12:19

Vue实战031：保持用户登录状态（各种token存储方式）

在前端中，实现保持用户登录状态的方法有很多种，你通过可以存Cookie、Session、Token等信息来保持，不管后台向前端发送哪个我们要做的就是将这些信息存在在本地浏览器中，浏览器再次发送请求时，将设置了‘键’=‘值’的Cookie再次抛给服务器，服务器通过Cookie的字段判断用户已经登录，则根据需求处理用户请求，否则返回400提示用户先登录，前面我也分享了相关的文章：Django实战006

ProgramNotes·2020-07-02 06:03

Vue实战1-环境搭建

初始化项目这里我们使用vue-cli来自动生成vue.js项目的模板。安装Node.js用npm安装vue-clinpminstall-gvue-cli可能会提示权限的问题，需要授权sudochmod-R777/usr/local/lib使用vue-clivueinitwebpackvue为我们提供了两个模板，webpack和webpack-simple，webpack-simple比较适合小项目

danejahn·2020-07-01 19:44

【gitlab的使用 + vue实战】不实战看什么都白看 Talk is cheap show me the code

Talkischeapshowmethecode!!!!!!!!!!没有代码纯理论对我来说就是白看没有用代码再长我看了那混混沌沌的理论也不如几行到底怎么传值的清清楚楚的代码helpsalot我真是白看...每次自己学都是白看以后要存代码存到csdn上不实战＋口头上懂了等于不会--------------11.13一更一、来看这三行:vue写起来奇奇怪怪的qwq//自己写一下二、二更因为置顶，顺便写

StrongerIrene·2020-07-01 13:17

Vue实战项目开发--vue基础精讲

项目的源代码在GitHub上：点击查看Vue实例vue的每一个组件都是一个实例，该实例对应着很多属性和方法。Vue实例{{message}}varvm=newVue({el:'#root',data:{message:'helloworld'},methods:{handleClick:function(){alert("hello")}}})Vue实例的生命周期钩子生命周期函数就是vue实例在某

任性的我·2020-06-29 19:11

Vue实战项目开发--首页开发

首页开发注意：项目的图片资源都是去哪儿网站的在线图片(图片来源网站),只可以用来练习哦，小心侵权1.首页header区域开发在home目录下新建一个components文件夹，然后把首页home拆分成不同的组件放在components文件夹下，最后通过在home.vue中引用对应的组件就可以了主要编写的代码有Home.vue和Header.vuehome.vue:importHomeHeaderf

任性的我·2020-06-29 19:11

仿肯德基宅急送App-Vue实战

前言Vue学习有一段时间了，就想着用Vue来写个项目练练手，弄了半个月，到今天为止也算勉强能看了。由于不知道怎么拿手机App的接口，并且KFC电脑端官网真的…一言难尽，所以项目所有数据都是我截图然后写在EasyMock里的，有需要的同学可以自取首页商品页外卖页技术栈vue+webpack+vuex+axios文件目录│App.vue│main.js│├─assets│logo.png│├─comp

Web全栈开发·2020-06-29 16:01

学习不一样的vue实战(2): 项目分析

首先首发博客:我的博客项目源码:源码(喜欢请star)项目预览:预览上一章:《学习不一样的vue(1)实战:环境搭建》我的Q群:meteor高手群vue学习交流群(607265412)项目分析2.1需求分析首页我们拿到一张原型设计稿.从原型设计稿看出，我们得到以下的需求:注:左边的待办项称为‘待办事项’，右边的内容部分文字称为’待办单项‘查询所有待办事项,待办单项新增,修改待办事项删除,锁定待办事

yang_子义·2020-06-29 05:05

(精华2020年5月14日更新) vue实战篇 element-ui日历实现日程安排和区间查询

首先在template加如下代码{{data.day.split('-').slice(2).join('-')}}{{data.isSelected?'✔️':''}}{{item.工作内容}}监听日历的各种点击事件mounted(){this.$nextTick(()=>{//点击前一个月letprevBtn=document.querySelector(".el-calendar__butt

2b勿扰·2020-06-29 01:14

vue实战项目的一些总结

技术栈因为开发的是一个官网项目,数据逻辑不是很复杂,所以这里没有用到vuex,主要的技术栈有:vuevue-routerelement-uiaxiosvue-awesome-swiperanimate.cssbabel-polyfill兼容iemomentscrollreveal滚动动画vue-quill-editor富文本编辑器quill-image-extend-module富文本编辑器中上传

weixin_33974433·2020-06-28 09:57

Vue实战篇（PC端商城项目）

这是一个基于vue全家桶+node.js+express+mysql实现的商城网站项目github地址：vueMall查看demo:地址如果觉得对您有帮助，您可以在左下角给我个喜欢支持一下，谢谢！项目结构如下图所示：注：该项目是真实的请求后台api。server为后端数据接口项目结构，运行时可以单独拿出来放在wamp/www下或者xammp/htdocs这两是集成包（apache+php+mysq

weixin_33873846·2020-06-28 07:05

vue实战 ---- 一个简单的音乐搜索网站（二）

vue实战----一个简单的音乐搜索网站（start）vue实战----一个简单的音乐搜索网站（一）vue实战----一个简单的音乐搜索网站（三）1.searchHeader.vue代码搜索exportdefault

Heller_J·2020-06-27 02:10

Vue实战--标签页组件

好久没有写文章了，这一段时间在忙着准备期末考试和找实习，上周已经在一家公司开始实习了，公司是用Vue开发项目，Boss让我们实习生看几个项目的代码，第一次接触完整的上线项目，发现代码结构分的很细，几乎每个文件都在使用export、import导入导出，有些Vue用法是之前没有接触过的，实习一周下来看代码看的有点蒙。。。所以打算利用空余时间，重新学习Vue，至少一周写一篇Vue实践总结~Vue作为一

Billy_d972·2020-06-26 15:32

Electron-vue实战（一）— 搭建项目与安装Element UI

一、新建项目1、初始化项目打开cmd，新建一个项目，我使用的是electron-vue，输入以下命令：vueinitsimulatedgreg/electron-vuemy-projectmy-project就是自己随便取名的项目名。然后提示正在下载模板，下完模板之后根据提示进行操作就行，输入你该输入的东西，然后一路Enter：初始化完毕之后，根据提示进行操作，进入项目文件夹，npminstall

DebJane·2020-06-26 15:48

vue实战——vue中发送AJAX请求

vue实战——vue中发送AJAX请求一、简介1）vue本身不支持发送AJAX请求，需要使用vue-resource、axios等插件实现。

小公举plum·2020-06-26 12:58

vue实战宝典：使用axios发送ajax请求（超实用）

vue本身不支持ajax请求，采用了“第三方插件”的形式。现在支持的官方插件有vue-reous、axios和fetchfetch我在另一篇文章（文末有地址）中已详细介绍使用。本文说下axios的使用！axios——基于HTTPServletRequest的一款用于vue中的http插件。其格式上基于es6的Promise。引用方式（两种）：npminstallaxios(-S)基本用法：axio

云小梦·2020-06-26 02:11

vue element 如何把校验之后的表单数据通过ajax传给后台

我的qq2038373094前提axios能够让vue前端和你的服务器后台可以连接上，前后台可以传输静态的数据vue实战——vue中发送AJAX请求https://blog.csdn.net/qq_37591637

我相信慢思考的力量·2020-06-25 13:23

VUE2.0增删改查附编辑添加model(弹框)组件共用

Vue实战篇（增删改查附编辑添加model(弹框)组件共用）前言最近一直在学习Vue,发现一份crud不错的源码预览链接https://taylorchen709.github.io/vue-admin

留给时间·2020-06-25 06:49

vue实战总结

用了十多天看完一份vue实战视频，实现了一个仿饿了么外卖APP。

糖糖小菜鸟前端er·2020-06-24 23:46

vue实战之vue后台管理系统（一）

本文主要介绍了项目的来源几个主要的代码部分的分析（main.js、routes.js、App.vue）在网上很少找到关于一个较完全的vue项目的开发文档（即如何一步步的搭建一个vue项目）项目来源这个项目是我自己从Git上面找到的一个项目，并不是我整的，毕竟我只是一个菜鸡，但是，这个只是为了方便我自己回顾项目整的。项目网址https://github.com/taylorchen709/vue-a

mirror_Mx·2020-06-24 15:39

vue实战之vue后台管理系统（二）之登录页面

Login.vue页面elementUIElement，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库.element官网：http://element-cn.eleme.io/#/zh-CNelementUI的快速使用：http://element-cn.eleme.io/#/zh-CN/component/quickstart登录页面代码分析（Login.vue）系统登录记

mirror_Mx·2020-06-24 15:39

elementui+vue实战项目之NavMenu导航菜单选中问题，注意$router 和 $route 区别

最近一直利用工作闲暇时间搞自己博客，使用了elementui来实现，导航菜单刷新一直不显示选中高亮，点击时候会高亮，进入页面却不会高亮，设置:default-active根本不起作用，现在解决掉BUG决定写此文加强记忆（下面这段代码就是bug代码）：vue-router中$router和$route有很大区别：this.$router打印出来是：表示全局，是router构造方法的实例。this.$

Hey,Girl·2020-06-24 13:06

Vue实战032：axios使用get和post发送各种请求

在前端中，提交数据的方式有很多种，如GET、POST、PUT、PATCH、DELETE、COPY、HEAD、OPTIONS、LINK、UNLINK、PURGE、LOCK、UNLOCK、PROPFIND、VIEW等请求方法,比较常用的有GET、POST、PUT、DELETE，今天主要分享下axios如何使用get和post发送请求。什么是GET和POST请求GET：向指定路径资源发送请求，通常用于获

ProgramNotes·2020-06-24 00:21

vue实战开发005:解决Vue-cli3中的Eslint报错

今天用之前vue-cli3搭建的项目开始进行开发，发现每次启动服务时都会弹出编译错误，我就简单的写了两个页面，在layout.vue中引入了header.vue（里面基本没什么内容），然后根据提示去查看代码，怎么也没看出问题出现在哪里。虽然报错了，但是服务还是正常启动了，在浏览器上访问http://localhost:8080/可以查看到写的内容。这里可以看到系统提示找到错误“12errorsfo

ProgramNotes·2020-06-24 00:20

vue实战开发004:用vscode配置vue开发环境

前面我把vue项目搭建好了，接下来的事情就是对项目进行开发了，不过开发之前我们需要好的工具，这里我特别喜欢vscode这款软件，相当的好用，它支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分、代码片段、代码对比Diff、GIT命令等特性，而且拥有强大的插件扩展，可以满足开发者的各种需求，我非常喜欢VSCode的界面，相当的美观，而且很简洁，前面我用vscode配

ProgramNotes·2020-06-24 00:20

vue实战 ---- 一个简单的音乐搜索网站（start）

vue实战----一个简单的音乐搜索网站（一）vue实战----一个简单的音乐搜索网站（二）vue实战----一个简单的音乐搜索网站（三）学习vue框架之后发现网页的数据展示变得很容易，刚好博主我4个月前写过一个爬取网易云音乐的小爬虫程序

Heller_J·2020-06-23 22:47

Vue实战项目：电商管理系统（Element-UI）（1-20）记录第一天（一）登录页面绘制

目录一.页面目录结构二，项目入口main.js,主要引入全局样式，配置路由axios三.路由信息router/index.js四..自定义样式信息assest/css/global.css五,登录页面components/Login.vue六.引入组件plugins/element.js七，页面效果一.页面目录结构二，项目入口main.js,主要引入全局样式，配置路由axios/*eslint-d

NO如果·2020-06-23 12:42

2019最新《vue2.0实战案例之高级教程》

11:02课时5v-for的高级使用，实战使用案例，典型的列表页面逻辑实现19:16课时6vue实战使用案例，典型购物车列表页面删除，添加逻辑实现21:18课时7vue之$w

warm boy·2020-06-22 15:31

vue实战：电商后台管理系统

在bilibili上学习一个vue项目：https://www.bilibili.com/video/BV1KJ411U7ML?p=149配套资源：https://pan.baidu.com/s/1FX_1sz0Xj-0r1R_E12Qh1g提取码:8exy联系项目代码：https://gitee.com/sicauliuyang/vue_shop项目结构dist：存放build后可以直接部署的代

刘_杨·2020-06-22 04:00

千锋web前端：Vue实战项目之喵喵电影——源码免费领取

Vue是web前端中重要的框架之一，与其他重量级框架不同的是，Vue采用自底向上增量开发的设计，Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。所以，对于web前端开发人员来说，掌握Vue的应用非常重要。Vue有哪些特点呢？●Vue的核心只关注视图，是一个构建数据的视图集合，大小只有几十kb；●中文文档，不存在语言障碍，易于理解和学习；●双向数据绑定，这也是vue最大

千锋教育官方博客·2020-06-21 20:57

Vue实战项目day01--电商后台管理系统(Element-ui)

Vue实战项目day01--电商后台管理系统电商业务概述项目初始化码云相关操作配置后台项目实现登录功能登录成功之后的操作添加路由守卫实现退出功能将代码提交到码云电商业务概述客户使用的业务服务：PC端，小程序

不忘初心L·2020-06-15 17:20

VUE实战--网易云音乐

VUE实战--网易云音乐知识点：音乐的暂停播放。歌词的动态匹配。

jacksonni·2020-05-23 22:00

Vue实战

Vue实战1.Vue引言渐进式JavaScript框架--摘自官网#渐进式1.易用htmlcssjavascript2.高效开发前端页面非常高效3.灵活开发灵活多样性#总结Vue是一个javascript

西湖李小白·2020-05-11 22:13

【Vue实战项目】电商管理系统（Element-UI）--项目概述及初始化

访问方式：功能：axios发起技术请求jwt状态保持cookiessequelize操作数据库框架可视化操作：win+R运行cmd输入vueui进入界面点击创建按钮，进入到目录选择面板安装babelrouterformatter创建完成配置Element-UI组件配置axios

雨下听风声·2020-04-16 15:30

vue实战开发007:vue引入Element-UI并配置路由

今天准备使用Element-UI来写个项目测试下学习的功能，要在vue中引用Element-UI组件，我们需要先来安装下Element-UI，这里我们用VScode工具编写，这里使用npm的方式安装,在终端执行命令：npmielement-ui-S接着我们在vue中来引入Element-UI,在vue项目中的main.js中引入element-ui功能，我们只要在文件中添加如下内容即可：impor

编程手札·2020-04-10 10:45

webpack4.0中使用node-sass报错记录，有大坑

今天在vue实战练习中碰到了一个让我欲哭无泪的坑，记录如下：1.如果在使用scss样式时，必须要安装node-sass,sass-loader，style-loader命令如下,编译器中打开终端在项目中输入命令

星爵starlord·2020-04-08 16:11

推荐频道

VUE实战