一、Vue3.0之属性及其语法

 - 本篇文章我们来看一下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)、setup函数只能是同步的不能是异步的。

3、写法

          1)、写法一，直接写成setup函数，将函数中的变量和方法return出来，return出来的变量和方法。