vue3 解构赋值不声明

Vue 3 中的解构赋值不需要显式声明，当你使用解构赋值来接收 Vue 组件的属性或者响应式数据时，Vue 会自动将其注入到当前组件的作用域中。

例如，假设你有一个 Vue 组件，其中有一个属性 `name` 和一个响应式数据 `count`：

<template>
  <div>
    <p>My name is {{ name }}</p>
    <p>Count: {{ count }}</p>
  </div>
</template>

<script>
export default {
  props: {
    name: String
  },
  data() {
    return {
      count: 0
    };
  }
};
</script>

在这个组件中，你可以直接使用解构赋值来引用 `name` 和 `count`，而不需要显式声明它们：

<script>
export default {
  props: {
    name: String
  },
  data() {
    return {
      count: 0
    };
  },
  mounted() {
    const { name, count } = this; // 使用解构赋值引用属性和数据
    console.log(name); // 输出组件的 name 属性
    console.log(count); // 输出组件的 count 数据
  }
};
</script>

这样，你就可以直接通过解构赋值来获取组件的属性和数据，而无需进行显式声明。