Vue3 报错 'Assignment to constant variable': 原因及解决方法

这个错误通常发生在尝试给一个常量变量赋值时。在 Vue3 中，使用'const'关键字声明的变量是不能被重新赋值的，因此如果你尝试给一个'const'变量赋值，将会抛出这个错误。

解决方法:

1. 将声明变量的关键字从'const'改为'let'或'var'，这样就可以重新赋值了。

2. 如果你确信这个变量应该是常量，那么请确保在赋值之前已经声明了该变量，并且它没有被重新赋值过。

3. 如果你在组件中使用常量，则可以考虑将其定义为组件的属性，这样就可以在组件内部使用它了。

例如：

// 错误示例
const num = 1;
num = 2; // 报错：Assignment to constant variable.

// 正确示例
let num = 1;
num = 2; // 正常赋值

// 组件中使用常量
<template>
  <div>{{ myConstant }}</div>
</template>

<script>
export default {
  data() {
    return {
      myConstant: 123
    }
  }
}
</script>

希望对你有所帮助！