在setup()访问内置API

Vue

通过setup()的参数访问⭐

• child::setup()形参

实例

<template>
  <div>
    {{ $props.word }}
  </div>
</template>
  
<script lang="ts">
export default {
  props: ["word"],
  setup(props, { attrs, slots, emit }) {
    console.log(props.word);
  },
};
</script>
  
<style></style>

注意

• 不能访问data
  • child::

    • 在选项data()都没有实例化之前

    指向原始笔记的链接

不推荐通过组件实例进行访问

• child::获取当前组件实例
  • 并且访问所有的内置API

实例

const { proxy } = getCurrentInstance();
proxy.$emit("click", val);