「这是我参与2022首次更文挑战的第21天,活动详情查看:2022首次更文挑战」。
的全称是。
意思是在中书写。
是一门强类型语言,为了支持,源码直接从的源码中拿到了文件来提供类型声明。
下面是jsx.d.ts文件中的一个声明:
上述代码定义了一个接口,继承自和。
- ,辅助属性,用于支持丰富的互联网应用功能,一般是为不方便的人士提供的功能。
- ,事件编程模型,用于提供事件回调编程模型。
声明文件是个工作量的问题,因而提供vue3特意增强了对类型声明的支持,也就是说鼓励的使用。
tsx是一种语法糖。
将会被编译为:
所以,要想在vue3中支持tsx,要做三件事:
- 需要一个将tsx编译为js代码的编译插件。
- 需要配置编辑器或者eslint识别tsx的插件。
- 将vue3与tsx融合的插件。
vue3直接支持tsx语法。
我们看看defineComponent的源码:
- 如果参数是函数,则将setup设置为options。
- 如果是选项,则直接返回选项。
vue3直接支持jsx和tsx,也就是将繁琐的编译工作和代码提示工作帮我们做好了,我们只需要按照对应的语法写就可以了。
也是提供的一个编译库。
个人更喜欢类组件写法,你喜欢什么就怎样写。
中, jsx的类型就是JSX.Element。
就是vue组件的配置,比如等。
版权声明:
本文来源网络,所有图片文章版权属于原作者,如有侵权,联系删除。
本文网址:https://www.mushiming.com/mjsbk/15490.html