实现组件赋值后重新渲染

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

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

 

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

posted @ 2023-07-07 19:43  凯宾斯基  阅读(6)  评论(0)  编辑  收藏  举报