setup语法糖

为什么要有setup语法糖:

在选择式API中,一个模块涉及到的数据、方法、声明周期,会比较分撒,位置不集中,不利于解读代码,但是组合式API中的setup函数可以将他们组织在一起,提高了代码的可维护性以及复用性,但是每次使用都要写setup函数,还需要将变量返回,所以引入了setup语法糖

setup函数原始写法:


自动注册(组合式API)


一般情况下,会自动注册,但是下面三种情况需要注意

动态组件((需用 resolveComponent))

递归组件(需显式引用自身)



全局组件(需通过 app.component 注册)

// main.ts
import { createApp } from 'vue'
import GlobalButton from './components/GlobalButton.vue'
​
const app = createApp(App)
app.component('GlobalButton', GlobalButton) // 全局注册

你可能感兴趣的:(vue.js,javascript,前端)