vue3语法糖定义方法

在Vue 3中，引入了一些简洁的语法糖来定义组件的方法，特别是使用了箭头函数和模板字符串简化了方法的定义。以下是几个常见的例子：

1. **简化的计算属性**:

   // 传统的计算属性
   computed: {
     someValue() {
       return 'Hello ' + this.name;
     }
   }

   // 使用模板字符串的简写
   computed: {
     someValue() { return `Hello ${this.name}`; }
   }

2. **`setup()` 函数** (在Composition API中)：

   setup(props, context) {
     const name = ref('World');
     function sayHello() {
       console.log(`Hello, ${name.value}!`);
     }
     onMounted(sayHello); // 或者在template里直接使用<template #mounted="{ sayHello }" />
     return { sayHello };
   }

这里使用了`ref`和自定义函数，更易读也更现代。

3. **具名箭头函数**:

   methods: {
     greet(name) => {
       console.log(`Hello, ${name}!`);
     }
   }