![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue3.0
文章平均质量分 67
Vue3.0相关的学习笔记
用户体验官大龙
一枚不太安分的前端攻城狮
展开
-
vue3.0实现前进刷新后退不刷新
1、通过keep-alive缓存组件;2、组件路由里定义一个变量isKeepAlive来控制组件的缓存;3、通过路由独享守卫根据条件修改缓存变量,选择性缓存组件。原创 2022-07-16 13:44:50 · 2660 阅读 · 0 评论 -
vite如何兼容低版本浏览器
vite通过配置@vitejs/plugin-legacy来解决兼容低版本浏览器的问题原创 2022-06-23 12:19:24 · 26648 阅读 · 26 评论 -
Vite打包后的dist不能直接在浏览器打开吗
先来看看Vite打包后生成的index.html<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" href="/favicon.ico" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />原创 2022-06-06 18:11:21 · 4199 阅读 · 0 评论 -
Vue3.0在script setup里定义变量时提示×××is declared but its value is never read.Vetur的解决办法
问题重现如下图:问题:根据提示判断问题是,IDE编辑器没法识别到script setup里定义的变量已经在template里被使用。解析:作者阅读Vue3.0的文档得知,新版Vue提供了新的语法检测插件叫Volar,以前使用的vue语法检测插件Vetur已不支持新版的script setup语法。以下为官方文档原文:推荐的 IDE 配置是VSCode+Volar扩展。Volar 为模板表达式、组件 prop,甚至是插槽验证提供了语法高亮和智能提示。我们强烈推荐这种设置,...原创 2022-05-11 18:03:59 · 20427 阅读 · 13 评论 -
Vue3.2单文件组件setup的语法糖总结
满满的干货,建议收藏慢慢看,可以当作Vue3.0的学习资料。 setup是Vue3.0后推出的语法糖,并且在Vue3.2版本进行了大更新,像写普通JS一样写vu...原创 2022-05-07 17:58:38 · 8847 阅读 · 9 评论