keep-alive<keep-alive>包裹动态组件的时候，会缓存不活动的组件实例，而不是摧毁他们。其是一个抽象的组件，自身不会渲染一个DOM元素，也不会出现在父组件链中。说白了被<keep-alive>包裹的组件其会被缓存废话不多说直接上例子.我们现在创建两个子组件conpoment1,compoment2,其内容如下<template>
<di
转载
2024-01-21 01:36:30
287阅读
前言最近做项目碰到一个很头大的问题--从a页面跳到b页面进行编辑，编辑完再返回a页面，却没走a页面的钩子函数mounted，数据没有更新经过一番面向百度研究，终于找到了问题所在。接下来就记录一下这个问题及其解决的方法。 原理其实这个问题主要涉及到vue生命周期，对vue生命周期理解不够深刻的同学可以去官网学习一下：https://vuejs.org/v2/api/#Options-Lif
转载
2023-08-27 16:09:46
218阅读
# Vue 在 iOS 上返回不触发 `activated` 的问题及解决方案
在 Vue.js 应用开发中，使用 `keep-alive` 组件可以显著提升用户体验，特别是在实现组件的缓存时。然而，有开发者在 iOS 环境下发现，返回某个页面时，`activated` 钩子并没有被触发。这一问题在调试中常常令人困惑，尤其是在多页面间切换时。
### 问题解析
在使用 `keep-alive
原创
2024-09-08 05:44:49
229阅读
vue & keep-alive & activated
vue 生命周期, 钩子函数 ,缓存
转载
2019-01-16 19:51:00
123阅读
Vue学习总结本人工作两年后，工作中写的，笔记一直记录在语雀中生命周期普通生命周期beforeCreate(创建前)： 在此生命周期函数执行的时候，data和methods中的数据都还没有初始化。created(创建后)： 在此生命周期函数中，data和methods都已经被初始化好了，如果要调用 methods中的方法，或者操作data中的数 据，最早只能在created中操作。beforeMo
转载
2024-06-01 21:33:36
223阅读
在vue实际项目中，很多时候会在mou
原创
2023-05-19 15:22:41
486阅读
# Vue IOS 不进行缓存
在开发Vue应用的过程中，我们经常会遇到需要在IOS设备上禁止缓存的需求。因为IOS设备缓存机制比较严格，有时候会导致页面不能及时更新。本文将介绍如何在Vue应用中禁止IOS设备进行缓存。
## 为什么需要禁止缓存
在IOS设备上，浏览器会自动对网页进行缓存，以提高加载速度和减少流量消耗。然而，有时候我们希望页面内容能够及时更新，而不是被缓存下来。这时就需要手
原创
2024-02-19 05:53:12
75阅读
作用：路由组件所独有的两个钩子，用于捕获路由组件的激活状态。 具体名字： activated路由组件被激活时触发。 deactivated路由组件失活时触发。 <script> export default { name: "Info", props:['name','age'], activate ...
转载
2021-10-16 21:50:00
913阅读
2评论
<div id="app">
<button @click = "flag = false"> 销毁 </button>
<Hello v-if = "flag"></Hello>
</div>
<template id="hello">
<div>
<
转载
2024-03-19 17:01:35
55阅读
# Vue Axios 302 状态码理解与处理
在进行前端开发时，使用 `Vue` 结合 `Axios` 来处理网络请求是非常常见的。然而，有时候我们可能会碰到`302 Found`状态码。这个状态码通常意味着请求的资源临时被移动到另一个地址。本文将深入探讨Axios在处理302状态码时的一些注意事项，并提供一些代码示例，帮助你更好地理解这一过程。
## 302状态码的概念
`302 Fo
文章目录查看包大小的体积cdn优化解决方案代码下载地址：Gzip压缩开启Gzip效果使用Gzip步骤 查看包大小的体积项目要优化，首先要了解到项目包体积的大小。webpack-bundle-analyzer这个插件大家应该都不陌生了下载npm install webpack-bundle-analyzervue.config.jsconst BundleAnalyzerPlugin = requ
1、生命周期钩子函数 生命周期： Vue 实例从创建到销毁的过程，就是生命周期；就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期 由于本文章不是着重去讲解生命周期钩
VUEcreated()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次； activated()：在vue对象存活的情况下，进入当前存在activated()函数的页面时，一进入页面就触发；可用于初始
原创
2022-06-20 10:19:24
532阅读
1、作用 路由独有的两个生命周期函数，用于捕获路由组件的激活状态，激活路由调用 2、功能, 只有 组件被 keep-alive 包裹时才能生效 activated路由组件被激活时调用 activated(){} deactivated路由组件失活时调用 deactivated(){}
reactive解构最深的一层，失去响应性问题pinia创建的store，使用结构失去响应性reactive包裹后的对象 重新赋值失去响应性无法动态引入图片在computed中传参数vue3放弃了filterreactive解构最深的一层，失去响应性问题<script setup lang="ts">
let target = { a: { b: 1 } };
let target1
转载
2024-10-12 15:56:04
24阅读
这篇文章主要介绍了vue中activated的用法，帮助大家更好的理解和使用vue框架1、keep-alive<keep-alive>包裹动态组件的时候，会缓存不活动的组件实例，而不是摧毁他们。其是一个抽象的组件，自身不会渲染一个DOM元素，也不会出现在父组件链中。说白了被<keep-alive>包裹的组件其会被缓存废话不多说直接上例子.我们现在创建两个子组件conpome
转载
2024-02-05 16:15:51
50阅读
Simulink模块库介绍（一）——信号源模块目录Clock模块Digital Clock模块Band-Limited White Noise模块Chirp Signal模块Sine Wave模块Pulse Generator模块Random Number模块Step模块 目录simulink模块库中提供了丰富的信号源模块组。本人接触和使用simulink的时间也比较长了，将模块逐一介绍，算是做
一.问题： 遵守vue组件规范，vue的命名都是index.vue，但是当组件过多活着父子关系比较紧密，就会出问题。 二.解决方案： 在vue.config.js中配置调试： 1.configureWebpack节点下配置 devtool: process.env.NODE_ENV 'dev' ? ...
转载
2021-09-18 11:20:00
539阅读
2评论
FAT32的一个重要的特点是完全支持长文件名。长文件名依然是记录在目录项中的。为了低版本的OS或程序能正确读取长文件名文件，系统自动为所有长文件名文件创建了一个对应的短文件名，使对应数据既可以用长文件名寻址，也可以用短文件名寻址。不支持长文件名的OS或程序会忽略它认为不合法的长文件名字段，而支持长文件名的OS或程序则会以长文件名为显式项来记录和编辑，并隐藏起短文件名。 &nb
转载
2024-09-25 15:35:13
472阅读
作用：路由组件所独有的两个钩子，用于捕获路由组件的激活状态。具体名字：activated 路由组件被激活时触发。deactivated 路由新的生命周期钩子...
原创
2022-12-21 10:27:53
138阅读
