vue3 setup()

vue3 setup()

setup()函数是vue3中，专门为组件提供的新属性。它为我们使用vue3的Composition API新特性提供了统一的入口。

vue3生命周期

在vue3.0中beforeCreate,create>>>>setup().

setup()

props: {
  str: String
}

setup(props,context) {
    console.log(props.str)
    context.emit
    context.refs
}

通过setup函数的第一个形参，接收props数据
第二个形参是一个对象，这个对象对象中包含了一些有用的属性，这些属性在vue 2.x中需要通过this才能访问到,在vue3中context.

其它功能

**vue3中可以省去vue2.x的data(){} **

<div>
<p>{{name}}</p>
</div>

setup() {
	  const name = "setup"
	  return name
}