Vue3 ＜script setup＞的用法

1  原来在export default的data函数声明的变量可以如下方式声明：

2 声明ref类型的变量

3 子组件接收父组件传过来的值，使用props方式

父组件中代码如下,使用:titles(子组件props设置的变量),取出父组件中声明的变量titles数组

子组件TableForm中的代码如下，使用defineProps声明props，并设置type和default默认值

注意：在元素中无法直接使用titles，在外边我们声明同名的变量titles，并使用ref，通过props.titles设置ref的值，从父组件传过来值后，页面中元素的值会实时更新。

4 因为在

5 子组件中元素的点击事件点击后，调用父组件中的一个方法

这样的场景我们使用defineEmits

子组件中的代码如下，是小程序的例子

父组件中的代码如下：

6 因为在