国瑞前端
05 2018-09

利用vue-router中的transition添加切换动画

利用vue-router中的transition添加切换动画-web前端开发教程_python爬虫_资源分享 – 国瑞前端

vue-router中自带前端路由功能,但是切换起来比较的生硬,缺少一些美感,vue-router在设计之初也考虑到了这个问题,我们可以使用transition标签来给切换添加动画,下面的示例,演示的是当前页面向左逐...

阅读全文

2018年09月05日 09:37:48 周三 2018-09-05 周三 3629 0 30

27 2018-08

使用vuex制作购物车

使用vuex制作购物车-web前端开发教程_python爬虫_资源分享 – 国瑞前端

购物车是商城一类的网站的重要的一部分,因为涉及对多个数据的操作,逻辑也相对会复杂很多,使用jquery的情况下,逻辑会很复杂,很容易出错,但是使用vue进行搭建就会容易很多了。接下来我们就一起来搭...

阅读全文

2018年08月27日 19:13:56 周一 2018-08-27 周一 2264 0 17

24 2018-08

使用vue搭建购物车(简单版)

使用vue搭建购物车(简单版)-web前端开发教程_python爬虫_资源分享 – 国瑞前端

购物车是商城一类的网站的重要的一部分,因为涉及对多个数据的操作,逻辑也相对会复杂很多,使用jquery的情况下,逻辑会很复杂,很容易出错,但是使用vue进行搭建就会容易很多了。接下来我们就一起来搭...

阅读全文

2018年08月24日 22:15:00 周五 2018-08-24 周五 1285 0 2

19 2018-08

vuex的使用笔记

vuex的使用笔记-web前端开发教程_python爬虫_资源分享 – 国瑞前端

vuex作为vue的扩展,功能更加的强大,经过几天的摸索,我才逐步掌握,接下来给大家从头到尾详细分析一波: 首先我们安装vuex,我使用的是vue-cli脚手架工具进行配置使用: 1.基本操作 12345678910111213...

阅读全文

2018年08月19日 15:23:53 周日 2018-08-19 周日 2270 1 22

17 2018-08

酷狗音乐实战(Vue-Cli)

酷狗音乐实战(Vue-Cli)-web前端开发教程_python爬虫_资源分享 – 国瑞前端

1 Vue-Cli安装mint-ul插件 cnpm i mint-ui@1 -S 2 在route中的main.js中引入组件以及其样式 import MintUI from 'mint-ui' import 'mint-ui/lib/style.css' 然后在将mint-ui作为插件进行引入 Vue.use(...

阅读全文

2018年08月17日 08:19:51 周五 2018-08-17 周五 1725 0 7

30 2018-07

vue-cli(Vue-Router)全局钩子函数

vue-cli(Vue-Router)全局钩子函数-web前端开发教程_python爬虫_资源分享 – 国瑞前端

vue-cli(Vue-Router)全局钩子函数,顾名思义,它作用域全局,只要路由发生了改变,那么,都会被执行。 一个是模仿登录,当用户访问到document路径的时候,跳转到登录页面(login) 通过进入的组件,...

阅读全文

2018年07月30日 16:25:08 周一 2018-07-30 周一 3257 0 44

30 2018-07

vue-cli(Vue-Router)编程式导航

vue-cli(Vue-Router)编程式导航-web前端开发教程_python爬虫_资源分享 – 国瑞前端

vue-cli(Vue-Router)编程式导航,借助浏览器自带的前进后退按钮,我们就可以实现页面的前进后退了,实现原理是当用户每点击一次,当前的路径就会被保存,返回就是跳转到上一次的路径。在Vue-Router中...

阅读全文

2018年07月30日 11:33:38 周一 2018-07-30 周一 1498 0 5

29 2018-07

vue-cli(Vue-Router)query字符串传参

vue-cli(Vue-Router)query字符串传参-web前端开发教程_python爬虫_资源分享 – 国瑞前端

vue-cli(Vue-Router)query字符串传参 使用query参数,将使代码更加的简洁,query设置的就是?后面的值让人一目了然,接下来让我们了解一下吧! query的使用方法 123456789101112131415161718192021222...

阅读全文

2018年07月29日 22:49:19 周日 2018-07-29 周日 2234 0 10

29 2018-07

vue-cli(Vue-Router)动态路径参数

vue-cli(Vue-Router)动态路径参数-web前端开发教程_python爬虫_资源分享 – 国瑞前端

每一个页面就是一个路由,假如有1000个用户,岂不是又1000个页面,但是显示的内容其实差别都是不大的,那么我们怎么实现复用了,这个时候,我们就可以用到Vue-Router中的动态路由 Vue-Router中的动态路...

阅读全文

2018年07月29日 18:06:48 周日 2018-07-29 周日 2883 0 45

29 2018-07

vue-cli(Vue-Router)滚动行为

vue-cli(Vue-Router)滚动行为-web前端开发教程_python爬虫_资源分享 – 国瑞前端

浏览器滚动到下面去了之后,我们刷新浏览器,会发现滚动条依然在那里,这是浏览器的默认行为,在vue-router中,这样会有问题,那么我们就来解决这个问题: 方法一(通过scrollBehavior函数) index.js中...

阅读全文

2018年07月29日 17:49:34 周日 2018-07-29 周日 1535 0 16

28 2018-07

vue-cli(Vue-Router)嵌套路由的使用

vue-cli(Vue-Router)嵌套路由的使用-web前端开发教程_python爬虫_资源分享 – 国瑞前端

Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有: 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 ...

阅读全文

2018年07月28日 18:47:56 周六 2018-07-28 周六 3058 0 3

博客简介

国瑞个人博客: https://www.huanggr.cn/,我们关注Web前端开发技术,web前端开发,移动前端开发,前端资讯,同时分享前端资源和工具等,期待你的参与,了解更多..

博主独立研发主题:

广告

广告

广告

广告

精彩评论

广告

站点统计

  • 文章总数: 334 篇
  • 草稿数目: 86 篇
  • 分类数目: 28 个
  • 独立页面: 5 个
  • 评论总数: 111 条
  • 链接总数: 10 个
  • 标签总数: 111 个
  • 注册用户: 176 人
  • 访问总量: 8,661,653 次
  • 最近更新: 2021年7月21日
服务热线:
 

 QQ在线交流

 旺旺在线