在开发中，经常有从列表跳转到详情页，再返回的时候之前的状态就没有了，所以需要缓存列表页的状态，这时候就需要保存状态，vue中提供了keep-alive组件来缓存状态 利用meta标签 1. 首先在路由中的meta标签中记录meta的属性为true { path: "/userInfo", compo ...
转载
2021-08-25 18:06:00
595阅读
2评论
在开发中经常有从列表跳到详情页，然后返回详情页的时候需要缓存列表页的状态（比如滚动位置信息），这个时候就需要保存状态，要缓存状态；vue里提供了keep-alive组件用来缓存状态。 可以用以下几种方案解决问题； 一、利用meta标签 1、首先在路由中的meta标签中记录keepAlive的属性为t ...
转载
2021-09-27 14:12:00
576阅读
2评论
原创
2023-03-06 03:40:44
72阅读
有三个页面，upload到chart到three，我想实现chart到three ，返回时chart缓存不刷新，upload到chart时，chart不缓存，这个怎么实现首先你可以给 chart 页面配置一个 noCache 参数，标记该页面是否需要缓存：{
path: '/chart',
name: 'chart',
component:
原创
2023-07-22 13:11:55
211阅读
1、前言在 Vuejs 中，内置了 KeepAlive组件用于缓存组件，可以避免组件的销毁/重建，提高性能。假设页面有一组 Tab组件，如下代码所示：<template>
<Tab v-if="currentTab === 1">...</Tab>
<Tab v-if="currentTab === 2">...</Tab>
原创
精选
2024-03-12 14:40:57
980阅读
如果您有疑问，请观看视频教程《Vue3实战教程》KeepAlive<KeepAlive> 是一个内置组件，它的功能是在多个组件间动态切换时缓存被移除的组件实例。基本使用在组件基础章节中，我们已经介绍了通过特殊的 <component> 元素来实现动态组件的用法：template<component :is="activeComponent
使用apache的过程中，KeepAlive属性我一直保持为默认值On，其实，该属性设置为On还是Off还是要具体问题具体分析的，在生产环境中的影响还是蛮大的。KeepAlive选项到底有什么用处？如果你用过Mysql，应该知道Mysql的连接属性中有一个与KeepAlive类似的Persistent Connection，即：长连接(PConnect)。该属性打开的话，可以使一次TCP连接为同一
转载
2024-05-05 22:13:53
33阅读
Composition API 提供了两种在组件中引入响应式状态的方式。因此，你需要在 ref()、reactive() 之间决定使用哪一个，或是两者都用。本文将帮助你做出正确的选择，但让我们先快速介绍一下这两种方式。快速介绍ref() 和 reactive() 用于跟踪其参数的更改。当使用它们初始化变量时，是向 Vue 提供信息：“嘿，每次这些变量发生更改时，请重新构建或重新
转载
2024-08-05 21:40:22
142阅读
html<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</ti
原创
2023-03-14 09:19:12
64阅读
1、v-on:click='num++'：绑定数据对象中num值；2、@click='num++'：v-on缩写，绑定数据对象中num值；3、@click='handle'：绑定函数对象handle；4、@click='handle()'：绑定函数handle; <!DOCTYPE html> <h ...
转载
2021-07-20 11:18:00
215阅读
2评论
【前言】
新创建的vue项目的main.js中，App组件的渲染用了render方法来实现组件的渲染。模板渲染除了开发常使用的template之外，还有render方法。当把main.js中的模板改成render方式，会发现控制台报错。
【目标】1.render方法与template区别;
2.了解render方法的使用方法;
3. createElement的使用方法;已有template模板渲
vue指令指令式带有 v- 前缀的特殊特性v-text和v-html都属于指令将数据和dom做关联，当表达式的值改变时，响应式地作用在
原创
2021-07-15 16:26:42
119阅读
vue指令指令式带有 v- 前缀的特殊特性 v-text和v-html都属于指令 将数据和dom做关联，当表
原创
2021-07-25 15:54:51
107阅读
# 如何实现"vue axios用法"
## 整体流程
首先，我们需要安装axios，并引入vue项目中。然后，我们需要在vue组件中使用axios发送请求并处理响应。
### 步骤如下：
```mermaid
classDiagram
class 安装axios
class 引入axios
class 发送请求
class 处理响应
安装axios
原创
2024-05-30 05:28:28
24阅读
1、父组件 2、子组件 即：需要触发事件（update事件）。但是设置变量的话，变量传递不到父组件中。 说明：在使用sync修饰符时，一定会使用update:变量来更新变量值。 仅仅是在父组件中少定义了一个自定义函数（否则可以使用this.$on('close')来触发变量值更新）。
转载
2018-07-16 15:14:00
135阅读
2评论
vue指令指令式带有 v- 前缀的特殊特性v...
转载
2019-10-31 08:43:00
92阅读
2评论
引入vue.js 尝试 Vue.js 最简单的方法是使用 Hello World 例子。你可以在浏览器新标签页中打开它，跟着例子学习一些基础用法。或者你也可以创建一个 .html 文件，然后通过如下方式引入 Vue： <!-- 开发环境版本，包含了有帮助的命令行警告 --> <script src=
原创
2022-08-22 17:45:03
85阅读
Vue2.0总结———vue使用过程常见的一些问题 Vue目前的的开发模式主要有两种：1.直接页面级的开发，script直接引入Vue2.工程性开发，webpack+loader或者直接使用脚手架工具Vue-cli，里面的文件都配置好了webpack可以进行配置，配置多文件入口，进行多页面开发第二种Vue开发，结合webpack打包完文件会很大，怎么解决这个问题?1.webpack
探索Vue-Resume：构建专业简历的新方式 vue-resumeResume template based on Vue项目地址:https://gitcode.com/gh_mirrors/vu/vue-resume 是一个基于前端框架Vue.js的开源项目，旨在帮助开发者和求职者快速创建、定制个性化且专业的在线简历。这个项目的独特之处在于它将现代Web技术和高效的内容展示融合在一起，使得简
转载
2024-09-19 15:31:41
44阅读
HTTP Keep-Alive
Keep-Alive功能使客户端到服务器端的连接持续有效，当出现对服务器的后继请求时，Keep-Alive功能避免了建立或者重新建立连接。市场上 的大部分Web服务器，包括iPlanet、IIS和Apache，都支持HTTP Keep-Alive。对于提供静态内容的网站来说，这个功能通常很有用。但是，对于负担较重的网站来说，这里存在另外一个问题：虽然为客户
转载
2010-08-13 23:28:22
915阅读
