美文网首页
vue 处理边界情况

vue 处理边界情况

作者: 醉青风 | 来源:发表于2021-08-15 14:20 被阅读0次

    访问根级组件实例 $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 强制更新

    相关文章

      网友评论

          本文标题:vue 处理边界情况

          本文链接:https://www.haomeiwen.com/subject/eqvmbltx.html