Vue 使用 setup 语法糖

setup 语法糖在书写上更加方便简洁，可以直接在 script 标签中书写 setup 的内容，并且无需使用 return 返回。

 

 基础使用：

注：setup 语法糖中不能存在 `export default {}` ，否则会报错的。

 特性一：定义响应式数据：

注：在 setup 语法糖中定义的数据，可以直接在 template 标签中使用。

 特性二：定义方法与计算属性：

注：在 setup 语法糖中定义的方法、计算属性等，都可以直接在 template 标签中使用。

 特性三：引入组件：

注：在 setup 语法糖中通过 import 引入的内容，也可以直接在 template 标签中使用。

原创作者：吴小糖

创作时间：2023-10-09