1.基本用法 vue2.0提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗 <keep-alive> <component> <!-- 组件将被缓存 --…
分类:vue-router
如何用vue-router为每个路由配置各自的title
传统方法 以前在单页面路由中,就只能在html文件中定一个固定的网站的title。如果想要动态的去修改,需要使用如下的方法。 document.title = '这是一个标题'; 这样会让我们做很多无用功。显得十分蠢。 …
Vue系列(三):组件及数据传递、路由、单文件组件、vue-cli脚手架
上一篇:Vue系列(二):发送Ajax、JSONP请求、Vue生命周期及实例属性和方法、自定义指令与过渡 一、 组件component 1. 什么是组件? 组件(Component)是 Vue.js 最强大的功能之一。组…
vue使用keep-alive实现数据缓存不刷新
到现在,接触vue也小段时间了,项目进行到了一定程度,然而项目缺少了缓存机制,所以每次跳转页面都会重新created一下数据,虽说系统的数据请求速度很快,但是这样做对系统的性能会有很大的坏处的,所以到这里就要对系统优化下…
Vue练手项目(包含typescript版本)
本项目的git仓库 https://github.com/lznism/xiachufang-vue 对应的使用typescript实现的版本地址 https://github.com/lznism/xiachufang…
看完Vue文档,第一个项目仍然不知从何下手?
Demo:Vue构建的CnodeJS社区Github:shuiRong/VueCnodeJS觉得不错还请给Star (。→‿←。) 记得之前尤雨溪曾说过如何学Vue: 首先, 看文档把Demo都敲一遍, 熟悉Vue语法 …
学习vue2教程中的简单路由
这是实例的代码 作为一个新手,本文谈的是我在学习 vue-2.0-simple-routing-example 的一些理解。操作系统为 win7,以下: 环境部分 下载好程序包后,解压到任意的盘,假设 e 盘。然后打开 …
SPA 在 iOS 微信端切换页面时更新标题
事发必有因 近日在微信端开发 SPA(用 Vue.js) 时遇到了点问题,应用有若干页面,每个页面的标题都可能不一样,于是就按照直觉写了如下代码: // 省略... // 定义页面路由 const routes = [ …
Vue-router实现单页面应用在没有登录情况下,自动跳转到登录页面
这是我做前端一来的第一篇文章,都不知道该怎么开始了。那就直接奔主题吧。先讲讲这个功能的实现场景吧,我们小组使用vue全家桶实现了一个单页面应用,最初就考虑对登录状态做限制。比如登录后不能后退到登录页面,退出到登录页面后,…
vue 2 + vue-router 2 实现SPA
github项目地址请点这里。 使用 Vue.js 时,我们就已经把组件组合成一个应用了,当我们要把 vue-router 加进来,只需要配置组件和路由映射,然后告诉 vue-router 在哪里渲染它们。 先来看一下官…
【vue+axios】一个项目学会前端实现登录拦截
一个项目学会前端实现登录拦截 一个项目学会vue全家桶+axios实现登录、拦截、登出功能,以及利用axios的http拦截器拦截请求和响应。 前言 该项目是利用了Github 提供的personal token作为登录…
解决多个路由绑定同一个组件 获取参数只获取一次的方法
{ path: '/application', title: '我的工作', icon:'code-working', name: 'application', component: Main, children: [ …