编程语言分类

vue3相比vue2

为什么要优化打包？项目越做越大，依赖包越来越多，打包文件太大单页面应用首页白屏时间长，用户体验差我们的目的减小打包后的文件大小首页按需引入文件优化 webpack 打包时间优化方式1、 按需加载1.1 路由组件按需加载const router = [{path: '/index',component: resolve => require.ensure([], () => resolv

众所周知，前端三大缓存，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搭建