vue 处理边界情况

访问根级组件实例 $root

$root访问的是根节点的属性,小型项目可以用在根节点设置属性等提供给子页面调用,相当于一个vuex

访问父级组件实例 $parent

$parent访问父级节点属性,组件拿父级的元素方法等(一般不推荐使用)

访问子组件实例或子元素 ref

$refs访问定义元素的属性,在元素上定义ref值name,然后使用this.$refs.name

依赖注入

当我们在其他子组件都需要使用父组件的一些方法时,我们用 $parent就会显着太过繁琐。这时候我们就可以使用依赖注入的方法,进行方法传递。

//父页面注册需要传递的方法
provide: function () {
  return {
    getMap//别名
      : this.getMap//方法
  }
}

//子组件注册方法引入
inject: ['getMap']
// 或
inject:  {
    getbm//别名
      : 'getMap'//方法
  }

$forceUpdate 强制更新

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容