公司一直使用的都是vue2.x,在vue conf 中看尤大演示 script setup 让我眼前一亮,这种简便语法太吸引了。
示例
在不使用script setup,我们代码是:
<template>
<h1 v-text="count"></h1>
<p v-text="double"></p>
<button @click="add">count++</button>
</template>
<script>
import {
ref, unref, computed } from 'vue'
export default {
setup() {
const count = ref(1)
const double = computed(() => unref(count) * 2)
function add() {
count.value++
}
return {
count,
double