vue3 api expose

vue3 api expose

expose用于定义一些公开属性，可以在父组件中通过refs调用。
一旦在组件中使用expose定义公开属性，则组件内的其他属性就不能被父组件通过refs调用。

// 在组件中定义expose
<script>
export default {
  name: 'TestComp',
  expose: ['publicMethod'],
  methods: {
    publicMethod() {
      console.log('publicMethod')
    },
    privateMethod() {
      console.log('privateMethod')
    }
  }
}
</script>

// 在父组件中调用
<script>
export default {
  expose: ['publicMethod'],
  mounted () {
    this.$refs.tc[0].publicMethod() // 控制台打印 'publicMethod'
    this.$refs.tc[0].privateMethod() // 报错
  }
}
</script>

<template>
  <test-comp ref='tc'></test-comp>
</template>