vue3 之 Setup


vue3和vue2不同的地方就是不必写 data、methods、等代码块了

所有的东西都可以在 setup 中返回

setup 可以返回两种值:

1、返回对象,对象中的属性、方法都可以直接在模板中使用

2、返回渲染函数,可以自定义渲染内容(其实也就是 render 函数)注意:渲染函数优先级还高,他会替换掉模板中的其他内容

二、setup 最多可以接收2个参数:props,context

  1、props 为一个proxy对象,是外部组件传入的对象,并且已经在组件内部声明接收

  2、context 为上下文,主要接收几个对象

      slots:插槽

      emit:自定义触发事件,相当于vue2中的 this.$emit

 

  实际应用:

  父组件 

   

   子组件