【Vue】处理边界情况:访问根实例、父级组件实例、子组件实例或子元素,依赖注入、程序化事件侦听器、循环引用、内联模板、X-Template、控制更新:强制更新、 v-once 创建低开销静态组件

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/qq_20535249/article/details/98173737

访问根实例

在每个 new Vue 实例的子组件中,其根实例可以通过 $root 属性进行访问。

访问父级组件实例

$root 类似,$parent 属性可以用来从一个子组件访问父组件的实例。它提供了一种机会,可以在后期随时触达父级组件,以替代将数据以 prop 的方式传入子组件的方式。

访问子组件实例或子元素

在这里插入图片描述

依赖注入

用于访问父级及父级以上的组件的通讯。
在这里插入图片描述

程序化的事件侦听器

在这里插入图片描述

循环引用

在这里插入图片描述

模板定义的替代品:内联模板、X-Template

在这里插入图片描述
在这里插入图片描述

控制更新:强制更新、通过 v-once 创建低开销的静态组件

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_20535249/article/details/98173737
今日推荐