Cannot access ‘state‘ before initialization

错误信息：在初始化之前无法访问state

相信很多小伙伴在使用Vue2的时候习惯将新写的内容放在前面，这样避免了在方法很多的时候向下滑动

但是在Vue3.0中新增了setup语法糖，所以在使用语法糖时，定义响应式数据state

当我们使用state响应式数据时就需要注意了，将使用数据的语句要放在响应式数据定义之后，否则就会报此错误哦

Vue3 新增语法糖——setup

• setup函数是 Composition API（组合API）的入口
• 在setup函数中定义的变量和方法最后都是需要 return 暴露出去的不然无法在模板中使用

setup函数的注意点：

1、在执行 setup函数的时候，还未执行 Created 生命周期方法，所以在 setup 函数中，无法使用 data 和 methods 的变量和方法

2、由于我们不能在 setup函数中使用 data 和 methods，所以 Vue 为了避免我们错误的使用，直接将 setup函数中的this修改成了 undefined