【Vue】【杂碎】const a = ref(0) 和 let a = 0 的区别？

<template>
  <div>
    {{ count.value }}
    <button @click="increment">Increment</button>
  </div>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const count = ref(0);

    function increment() {
      count.value++;
    }

    return {
      count,
      increment
    };
  }
}
</script>

在上面的代码中，我们使用了 ref() 函数来创建一个名为 count 的响应式数据变量，然后将其存储在了一个 const 变量中。在 increment() 方法中，我们通过访问 count.value 来递增计数器的值。由于 count 是一个响应式数据，所以这个组件会在 count.value 改变时重新渲染。

总之，const a = ref(0) 和 let a = 0 的主要区别在于前者创建了一个响应式数据，后者则是普通的 JavaScript 变量。如果你需要在 Vue.js 中使用响应式数据，那么你应该使用 ref() 函数来创建一个响应式数据对象，并将其存储在 const 变量中。