1.基本用法 vue2.0提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗 <keep-alive> <component> <!-- 组件将被缓存 --…
标签:vue-router
你可能不清楚的 Vue Router 深度用法(一)
Vue Router 简单易上手,能实现大部分的需求。但是,如果在项目里需要更细致的控制路由,以实现与其同步的效果,就需要挖掘其文档里没详细提及的内容。第一章为路由元信息用途挖掘。 路由元信息用途 (1)验证用户身份 大…
Vue系列(三):组件及数据传递、路由、单文件组件、vue-cli脚手架
上一篇:Vue系列(二):发送Ajax、JSONP请求、Vue生命周期及实例属性和方法、自定义指令与过渡 一、 组件component 1. 什么是组件? 组件(Component)是 Vue.js 最强大的功能之一。组…
如何用vue-router为每个路由配置各自的title
传统方法 以前在单页面路由中,就只能在html文件中定一个固定的网站的title。如果想要动态的去修改,需要使用如下的方法。 document.title = '这是一个标题'; 这样会让我们做很多无用功。显得十分蠢。 …
vue使用keep-alive实现数据缓存不刷新
到现在,接触vue也小段时间了,项目进行到了一定程度,然而项目缺少了缓存机制,所以每次跳转页面都会重新created一下数据,虽说系统的数据请求速度很快,但是这样做对系统的性能会有很大的坏处的,所以到这里就要对系统优化下…
vue革新404
1. 题目形貌 应用vue-route连系webpack编写了一个单页路由项目,运维辅佐在服务器端设置nginx。布置完成后,接见首页没题目,从首页里翻开二级页面没题目,然则一切的二级页面翻开后,再次革新,就会涌现404…
Vue-router实现单页面应用在没有登录情况下,自动跳转到登录页面
这是我做前端一来的第一篇文章,都不知道该怎么开始了。那就直接奔主题吧。先讲讲这个功能的实现场景吧,我们小组使用vue全家桶实现了一个单页面应用,最初就考虑对登录状态做限制。比如登录后不能后退到登录页面,退出到登录页面后,…
vue组件之间通讯实录
1、在vue中父组件是经由过程props通报数据给子组件 <child-component :prop1="父组件的数据1" :prop2="父组件的数据2"></child-component>…
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语法 …
vue-router 启用 history 模式下的开发及非根目录部署
vue-router 的 history 模式是个提高颜值的好东西,没有了 hash 的路由看起来清爽许多。 开发的时候,如果我们使用 devServer 来启动服务,由于一般不共用端口,我们一般不存在非根目录的问题。 …
学习vue2教程中的简单路由
这是实例的代码 作为一个新手,本文谈的是我在学习 vue-2.0-simple-routing-example 的一些理解。操作系统为 win7,以下: 环境部分 下载好程序包后,解压到任意的盘,假设 e 盘。然后打开 …