router-view上添加key和data-key的作用

2023-10-29

key属性

用于提供对每个渲染的组件的唯一标识。当路由切换时,如果<router-view>的key属性发生变化,Vue.js将会销毁旧组件,创建新组件。

data-key属性

为元素添加自定义属性,可以使用data-key属性来存储任意的附加数据。
注意:key属性和data-key属性对于<router-view>元素本身并没有直接作用,而是会传递给渲染的路由组件。

总结

key属性用于唯一标识路由组件,data-key属性可以用于存储自定义数据。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

router-view上添加key和data-key的作用 的相关文章

随机推荐

  • 高速缓存(cache)原理

    高速缓存 cache 概念和原理 cache基本思想 cache 存储器 Cache memories 在处理器附近增加一个小容量快速存储器 cache 基于SRAM 由硬件自动管理 cache基本思想 频繁访问的数据块存储在cache中
  • 前端和后端终极学习视频(百度网盘资料)

    1 ps 链接 https pan baidu com s 1mjYbcJA密码 pqdt2 HTML5 CSS3从入门到精通 iso链接 https pan baidu com s 1mjYbcJA密码 gdyw3 Javascript视
  • 视频去抖动稳像总结

    下面转载了两篇别的文章 都是传统算法做的 后面将会持续更新 原文链接 https blog csdn net update7 article details 107864986 1 背景 点播 直播行业的蓬勃发展 使用户生产视频 UGC 逐
  • 使用sqoop命令报错ERROR mapreduce.ExportJobBase: Export job failed ERROR tool.ExportTool: Error during exp

    如图所示 仔细查看错误信息会发现有下面一条 2022 07 10 20 17 39 786 INFO mapreduce Job Job job 1657447073157 0042 running in uber mode false 2
  • 用Android NDK编译FFmpeg错误解决

    转载 http abitno me compile ffmpeg android ndk 编译出来只有15k 后来借鉴这篇文章 http www cnblogs com shaobin0604 archive 2011 08 05 2128
  • 【译】Nodejs最好的ORM - TypeORM

    TypeORM github https github com typeorm typeorm 这篇译文是从TypeORM github上的使用说明上翻译过来的 已经提交PR并merge到库中了 TypeORM是一个采用TypeScript
  • Angular引入node_modules里面的css文件出错Module build failed:TypeError:URL.startsWith is not a function

    问题困扰了好几天 原来是路径的问题 1 目录结构如下 2 webpack配置 include path join process cwd src styles css test css use style loader loader css
  • Hibernate Annotation (Hibernate 注解)

    进入 http www hibernate org 说明文档 英文 http docs jboss org hibernate annotations 3 5 reference en html single 中文 http docs jb
  • 轻量级网络:DenseNet

    目录 Insight DenseNet ResNets Dense connectivity Composite function Pooling layers Growth rate Bottleneck layers Compressi
  • CSS深度选择器(穿透)

    问题 vue compiler sfc v deep usage as a combinator has been deprecated Use deep inner selector 报错 修改 正确 CSS深度选择器 穿透 1 styl
  • JDK安装及oracle安装

    这里写自定义目录标题 JDK安装 虚拟机win03中安装Oracle JDK安装 1 jdk安装 解压安装包进行安装 记住安装地址 不要安装在含有中文的文件夹 若忘记则win r键 输入cmd 进入命令行模式 输入 where java 查
  • Docker的自定义镜像

    文章目录 五 自定义镜像 五 自定义镜像 回顾一下 什么是镜像 答 镜像是将应用程序及其所需要的系统函数库 环境 依赖 配置打包而成 镜像的结构是分层的 每一层称为一个Layer 其中 最底层包含基本的系统函数库 环境变量 文件系统 的层我
  • 如何使用React脚手架新建一个React项目

    1 react脚手架 xxx脚手架 用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置 语法检查 jsx编译 devServer 下载好了所有相关的依赖 可以直接运行一个简单效果 react提供了一个用于创建react项
  • 狂神说Docker进阶篇笔记

    文章目录 Docker Compase 简介 官方介绍 安装 体验 网络规则 停止 小结 docker compose yaml 规则 实战开源项目 WordPress 实战微服务 小结 Docker Swarm 工作模式 node Ser
  • openjudge 1.6.7 有趣的跳跃

    OpenJudge 07 有趣的跳跃 解题思路 1 有趣的跳跃定义为n个数据 相邻两个相减后得到的绝对值的n 1个数据 经过排序后 正好是从1到n 1 那么首先的步骤为创建一个能容纳n个数据的数组 int a 3005 定义在主函数外 2
  • 前端代码集锦

    HTML中隐藏标签和显示标签的例子 注意登录前后的变化 HTML的代码 div div class login div div
  • cd.ssh bash: cd.ssh: 未找到命令.../没有这个文件或目录

    在linux中设置免密登录的时候 cd ssh 报错说bash cd ssh 未找到命令 原来是我的命令打错了 应该是cd ssh 后面有个 但是我这样输入以后 还是报错 说什么没有这个文件或目录 那你就要先ssh 一下自己的现在的ip地址
  • nodejs+vue+vue-router.路由问题

    路由加载出现警告 页面上路由不起作用 查看源码发现router view标签被解析成 lt gt 由于没有完全编译 修改配置文件vue config js添加如下配置
  • 在linux中,如何增加、修改、删除、暂停和冻结用户名

    在linux中 如何增加 修改 删除 暂停和冻结用户名 在操作增加 修改和删除用户名前 先认识linux中两个最重要的文件 它们就是账号管理最重要文件 etc passwd 与 etc shadow 环境 windows 7 virtual
  • router-view上添加key和data-key的作用

    key属性 用于提供对每个渲染的组件的唯一标识 当路由切换时 如果