vue3:setup语法糖使用教程

1.setup语法糖简介

直接在script标签中添加setup属性就可以直接使用setup语法糖了。

使用setup语法糖后,不用写setup函数;组件只需要引入不需要注册;属性和方法也不需要再返回,可以直接在template模板中使用

	
	

2.setup语法糖中新增的api

  • defineProps:子组件接收父组件中传来的props
  • defineEmits:子组件调用父组件中的方法
  • defineExpose:子组件暴露属性,可以在父组件中拿到

2.1defineProps

父组件代码

	
	

子组件代码

	
	

2.2defineEmits

子组件代码

	
	

父组件代码

	
	

2.3defineExpose

子组件代码

	
	

父组件代码

	
	

补充:与普通的script一起使用

总结

到此这篇关于vue3:setup语法糖使用的文章就介绍到这了,更多相关vue3:setup语法糖内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

你可能感兴趣的:(vue3:setup语法糖使用教程)