实现组件赋值后重新渲染

凯宾斯基 / 2023-07-08 / 原文

通过vue key 实现,原理官方文档。所以当key 值变更时,会自动的重新渲染。

<template>
 <third-comp :key="menuKey"/>
</template>
 
<script>
 export default{
 data(){
  return {
  menuKey:1
  }
 },
 watch:{
  menuTree(){
 
  ++this.menuKey
  }
 }
}
</script>

 

那么改变key指定的变量,当我们给key指定的变量赋值 组件会重新渲染