- 本篇文章我们来看一下vue3.0的基本语法,包含了变量定义,以及页面如何去取值。本篇文章是本人对于vue3.0的理解,那么接下来来看一下vue3.0的部分属性(setup,ref,reactive,toref(),torefs)。在看本篇文章之前我们需要知道vue3.0可以向下兼容,其语法也支持vue2.0的写法。
## 一、setup
1、特性
1)、setup函数是处于 围绕 beforeCreate 和 created 生命周期钩子运行。
2)、setup函数是 Composition API(组合API)的入口。
3)、在setup函数中定义的变量和方法最后都是需要 return 出去的, 不然无法在模板中使用。
2、注意点
1)、由于在执行 setup函数的时候,还没有执行 Created 生命周期方法,所以在 setup 函数中,无法使用 data 和 methods 的变量和方法。
2)、由于我们不能在 setup函数中使用 data 和 methods,所以 Vue 为了避免我们错误的使用,直接将 setup函数中的this修改成了 undefined
3)