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

 

  

  实际应用:

  父组件 

   

   子组件

  

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM