vue3组合式api介绍（一）

什么是组合api

vue2中data可以定义很多属性，methods可以定义很多方法，如果组件过大的情况下就没有很清晰明确的罗列

vue3 就是通过setup 将相关的属性方法可以定义在一起

1.setup函数中没有this

2.setup函数中没有created和beforecreat生命周期

另外setup函数有两个参数props和context

props类似vue2中父传子的props在vue3中首先要在子组件通过props接受，也就是setup上面的

然后再在setup中获取传进来的值

content是个对象可以通过es6进行解构

export default {
  setup(props, { attrs, slots, emit, expose }) {
    ...
  }
}

 attr是组件的属性都会在这里面

通过emit相父级进行传参

expose暴露，在福组件通过ref获取暴露的属性

单文件组件语法糖

直接setup卸载script标签上

并且引入插件可以直接使用不需要注册