vue3里面const与let的区别

在 Vue.js 中，`const` 和 `let` 都是用于声明变量的关键字，但它们有一些关键区别：

1. **不变性**:
- `const`: 当你使用 `const` 声明一个变量时，它的值是不可变的。一旦初始化，就不能再次赋值。如果试图改变 `const` 变量指向的引用，如数组或对象，Vue 将不会检测到变化。

   const myValue = 'hello'; // myValue 是常量，不能改变其值

2. **作用域**:
- `let`: `let` 的作用域通常在当前块级作用域内，包括花括号 `{}` 内的内容。如果在循环或条件语句中，它会在每次迭代或分支时创建一个新的局部变量实例。

   for (let i = 0; i < 5; i++) {
     console.log(i); // 在每次循环里，i 都是新的局部变量
   }

3. **可重复声明**:
- `const`: 如果尝试在同一作用域内声明同名的 `const` 变量，会抛出错误，因为 `const` 只能声明一次。
- `let`: 在相同的范围内，你可以多次声明 `let` 变量，但后面的声明将覆盖前面的。

4. **提升**:
- `let` 和 `const` 都会被提升到当前作用域的顶部，但这可能导致意外的结果，尤其是在复杂的结构中。因此，推荐始终在声明前使用 `if`、`for` 等结构来避免潜在的问题。