众所周知，前端三大缓存，cookie，sessionStorage，localStorage，cookie空间太小，一旦大了，会消耗流量，只适合存一些登录会话信息，而sessionStorage的过期时间就是关闭浏览器，是个临时会话窗口，但是，最近这个差点把我坑了，就是sessionStorage只能在同一标签下共享，加入你把网址复制粘贴到新打开的标签页里面，你会惊喜的发现，what？居然不共享，

众所周知，前端三大缓存，cookie，sessionStorage，localStorage，cookie空间太小，一旦大了，会消耗流量，只适合存一些登录会话信息，而sessionStorage的过期时间就是关闭浏览器，是个临时会话窗口，但是，最近这个差点把我坑了，就是sessionStorage只能在同一标签下共享，加入你把网址复制粘贴到新打开的标签页里面，你会惊喜的发现，what？居然不共享，

localStorage实现7天登录过期实现原理：存localStorage比较初始登录时存在缓存的时间戳和现在进入页面的时间戳，然后用sessionStorage去判断不勾选但是登录了的状态精简版function isPastDue() {// 过期时间7天var time = 604800000; //1000*60*60*24*7;var storage = window.localStor

第一种：get方法传递值<router-link :to="{path:'/test',query: { userId: 123,userName:'xia' }}">跳转</router-link>或<router-link :to="{name:'test',query: { userId: 123,userName:'xia' }}">跳转</rou

vue-2.0的vue-cli安装：使用脚手架工具 vue-cli 可以快速地构建项目安装过程：1、全局安装 ： npm install -g vue-cli2、初始化webpack: vue init webpack my-test(工程名称)3、根据提示走4、进入你的工程目录 ： cd my-test5、下载所有配置文件的内容： npm install6、热加载...

vue组件有两种，一种是全局组件，一种是局部组件。整个项目经常用到的用全局写法，用到比较少的专供特定页面用的使用局部组件。one----全局组件引入写法：在项目的main.js中：  第一种，在main.js直接写template：' 模版字符串'Vue.component('tab-home', { template: `&lt;div&gt;Home component&amp

vue3基于vite+create-vue搭建

https://blog.csdn.net/lily2016n/article/details/79474217我们知道在学习VUE的时候export default{}是不可缺少的，但是它的含义我们必须理解。 export default{}这是在复用组件的时候用到的。假设我们写了一个单页面组件 A 文件，而在另一个文件 B 里面需要用到它，那么就要用 ES6 的 import/expo...

为什么需要懒加载？　　　　像vue这种单页面应用，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，时间过长，会出啊先长时间的白屏，即使做了loading也是不利于用户体验，而运用懒加载则可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加载压力，减少首页加载用时vue异步组件es提案的import()webpack的require

---index.jsimport Vue from 'vue'import Router from 'vue-router'import App from '@/App'import HelloWorld from '@/components/HelloWorld'import login from '@/components/loginSys'import notFoundWra...