![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 52
虾十一
热爱前端,热爱生活, 记录一些随笔,欢迎前端的朋友.
展开
-
vue项目的首屏优化策略
虽然标题是vue项目的首屏优化策略,但是里面绝大部分的方法,对于其他语言写成的单页应用同样适用。原创 2022-12-14 11:56:11 · 2007 阅读 · 0 评论 -
vue3/vue2的兄弟组件的传值
Vue2.x 使用 EventBus 事件总线进行兄弟组件通信,而在Vue3中事件总线模式已经被移除,官方建议使用外部的、实现了事件触发器接口的库,例如 mitt。原创 2022-09-16 12:47:07 · 752 阅读 · 0 评论 -
Virtual script not found, may missing <script lang=“ts“> / “allowJs“: true / jsconfig.json. 报错解决
Virtual script not found, may missing / "allowJs": true / jsconfig.json. volar原创 2022-09-06 15:33:36 · 29524 阅读 · 0 评论 -
webpack、vite--获取环境变量的区别(vue2/vue3)
vite获取环境变量的方法,vue3原创 2022-08-03 15:07:10 · 702 阅读 · 0 评论 -
2023最新前端规范
2023最新前端规范(全)原创 2022-02-10 16:44:21 · 3491 阅读 · 0 评论 -
vue单页项目中判断有没有上一页
场景:判断一个页面有没有上一页,没有就关闭页面,有的话就返回上一页测试了多种方法后,最后用window.sesstionStorage 结合router.afterEach实现了。我解决的思路:1)用window.history.length,如果 =1则是关闭页面,否则是返回上一页。最后发现history.length只增不减,它只记录你一共看了多少个页面;放弃;2)用document.referrer.它的值为url,当前页面就是从这个 url 所代表的页面跳转或打开的.但是我发现我的项目中.原创 2022-01-28 18:33:22 · 7387 阅读 · 4 评论 -
vue 清空路由
vue 清空路由原创 2021-12-21 17:33:30 · 9203 阅读 · 2 评论 -
vue中清除路由缓存
场景:A跳转B,B跳转C。B在A第一次跳转B的时候,做了缓存,A在跳转B的时候,就不会重新走生命周期了。但真实的场景是,A在每次 跳转B的时候,都希望刷新,而C在返回B的时候,B需要保留现场,也就是用缓存的方式呈现。如下图:现在问题来了,如何解决紫色圈中的问题,清除pageB的页面缓存。解决思路:每次在pageB 返回pageA的时候,清除pageB 的缓存数据。所以这样在下次pageA跳转pageB的时候,就不会因为有缓存数据而读取首次的缓存数据,而在pageC返回pageB的时候,也去读原创 2021-11-04 11:32:50 · 5753 阅读 · 0 评论 -
vue双向绑定之(一)vue是如何知道数据发生变化的
vue最大的特点之一就是数据驱动视图。一个页面的数据是支撑页面变成一个活页面的基础。页面中数据变化的原因,可能是由于用户操作或者后端数据的变化引起的,数据data的变化,导致页面模板也随之变化。今天来说一下vue是如何知道数据变化了的。开门见山,vue监听数据变化其实是用了js自带的标准内置对象 Object 中的一个静态方法 definePropertyObject.defineProperty依据vue源码路径:项目中uve源码文件node_modules/vue/src/core/obs.原创 2021-09-24 16:32:34 · 640 阅读 · 0 评论 -
vue 离开页面之前保存数据
这是一个常用的场景:用户在一个填写很多数据的表单页面,填写部分数据后,想返回到上一页做其它操作。这时产生了一个离开页面保存数据的需求。需要的知识点和步骤:监听离开页面的时机(建议用vue-router中的组件导航守卫:beforeRouteLeave);存储(建议用:window.localStorage 或者 vuex);下次进来之前读取缓存,如果有就赋值;下面写下实现的教程:监听离开页面的时机用:beforeRouteLeave,存储用localStoragebeforeRout.原创 2021-07-13 10:50:42 · 4148 阅读 · 0 评论 -
vue返回上一页不刷新页面的方法 / vue缓存页面
问题:vue在返回上一页的时候执行this.$router.go(-1) ,默认会让上一页重新执行一遍生命周期。解决方法:缓存上一页的数据,让其在已经存在的情况下,再次显示不重新执行生命周期;模板代码 (分发路由的页面): <!-- 缓存的页面 --> <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-a原创 2020-10-09 17:41:43 · 11165 阅读 · 0 评论