Vue 3 script setup

vue 3 写法

<template>
  <div>
    {{ name }}
    <span v-for="item in list" :key="item.title">{{ item.title }}</span>
  </div>
</template>

<script setup>
import { ref, defineProps, defineEmit, useContext } from "vue";

const emit = defineEmit(["click"]);

const props = defineProps({
  name: String,
  data: Object,
});

const onClick = () => {
  //外部接收
  emit("click");
  console.log("click。。。");
};

const list = ref([
  { id: 1, title: "一" },
  { id: 2, title: "二" },
]);

const { slots, attrs } = useContext();

</script>