setup()形参

1. props是响应式对象
2. context是一个有四个属性的普通对象
   1. 可以直接解构
   2. 四个属性分别是:
      1. child::attrs
         1. 等同于$attrs
         2. child::响应式对象
      2. child::slots
         1. 等同于 $slots
         2. child::响应式对象
      3. child::emit
         1. 等同于 $emit
      4. expose

实例

child::

<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>

指向原始笔记的链接