vue3.0中的setup

在vue3.0中，setup函数是组合API的入口，用于定义数据和参数；该函数只能是同步的不能是异步。

组件中所用到的：数据、方法等等均要配置在setup中，这也就意味着在Vue2中写的data、methods在这里都不再推荐使用。

这样的配置让对象式编程趋近于了函数式编程。

特点：

　　1、setup函数是处于生命周期函数 beforeCreate 和 Created 两个钩子函数之间的函数。 所以在setup中不能使用 data 和 methods 中的数据和方法；

　　2、setup函数是 Composition API（组合API）的入口；

　　3、在setup函数中定义的变量和方法最后都是需要 return 出去的，不然无法再模板中使用；

用法：

setup函数提供了两个参数 props和context,重要的是在setup函数里没有了this,

所以在 vue3.0 中，访问形式不一样： this.xxx变为了context.xxx

export default {
  name: 'App',
  setup () {
    // 数据data
    let name = '张三'
    let age = 18
    // 方法metnods
    function sayHi() {
      console.log(`我叫${name}，我今年${age}了`)
    }
    return{
      name,
      age,
      sayHi
    }
  }