返回介绍

三、组件 expose 选项

发布于 2024-04-04 21:12:39 字数 706 浏览 0 评论 0 收藏 0

一个将暴露在公共组件实例上的 property 列表。

默认情况下,通过 $refs$parent$root 访问到的公共实例与模板使用的组件内部实例是一样的。 expose 选项将限制公共实例可以访问的 property。

由 Vue 自身定义的 property,比如 $el$parent ,将始终可以被公共实例访问,并不需要列出。

export default {
  // increment 将被暴露,
  // 但 count 只能被内部访问
  expose: ['increment'],

  data() {
  return {
    count: 0
  }
  },

  methods: {
  increment() {
    this.count++
  }
  }
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文