Vue.js expose用法及代码示例

当父级通过模板引用访问组件实例时，声明公开的公共属性。

类型

interface ComponentOptions {
  expose?: string[]
}

细节

默认情况下，当通过 $parent 、 $root 或模板引用访问时，组件实例会将所有实例属性公开给父级。这可能是不可取的，因为组件很可能具有应保持私有的内部状态或方法以避免紧密耦合。

expose 选项需要属性名称字符串列表。当使用expose 时，只有明确列出的属性才会在组件的公共实例上公开。

expose 仅影响用户定义的属性 - 它不会过滤掉内置组件实例属性。

示例

export default {
  // only `publicMethod` will be available on the public instance
  expose: ['publicMethod'],
  methods: {
    publicMethod() {
      // ...
    },
    privateMethod() {
      // ...
    }
  }
}

相关用法

注：本文由纯净天空筛选整理自vuejs.org大神的英文原创作品 expose。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。