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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。