vue3的script lang=‘ts‘ setup或者script setup

前言：

vue3中提供了单文件组件 script setup ，这里来分享总结下他的用法。

官方入口：点我

一、基本语法：默认js方法里面都是setup方法内部方法

1、普通版

<script setup>
// 变量
const msg = 'Hello!'

// 函数
function log() {
  console.log(msg)
}
</script>

2、ts版本

<script lang="ts" setup>
// 变量
const msg = 'Hello!'

// 函数
function log() {
  console.log(msg)
}
</script>

3、案例使用：

子组件：

<el-button @click="resetForm()">取消</el-button>

<script setup>