当前位置:网站首页 > 技术博客 > 正文

ts vue3.0



「这是我参与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组件的配置,比如等。


                            

  • 上一篇: c++中getline函数
  • 下一篇: redis缓存的使用
  • 版权声明


    相关文章:

  • c++中getline函数2024-11-05 13:01:01
  • 图的遍历操作及应用实验原理2024-11-05 13:01:01
  • 启动项命令2024-11-05 13:01:01
  • debian怎么换源2024-11-05 13:01:01
  • 如何区分左外连接,右外连接和全外连接2024-11-05 13:01:01
  • redis缓存的使用2024-11-05 13:01:01
  • 网易游戏测试工资待遇怎么样2024-11-05 13:01:01
  • 远程桌面链接服务器2024-11-05 13:01:01
  • 策略组win72024-11-05 13:01:01
  • 浅析c 中结构体的定义、初始化和引用2024-11-05 13:01:01