Vue 3和 TypeScript的知识小结

Coding Alan 2个月前 (11-29) 332次浏览 0个评论 扫描二维码

Vue 3官方文档:https://v3.vuejs.org/

1、Vue 3中 TypeScript this 的报错问题

核心问题还是类型的问题,一种方法是将 this 修改为(this as any)可解决此问题,此外如在定义变量时使用 ref 进行定义,即可直接使用对应值

VSCode 中的常用的插件:Eslint, Vetur

2、ESlint 对 TypeScript 检查不生效的问题

创建.vscode 文件夹,在其中创建 settings.json并添加如下内容:

3、Vue 2与 Vue 3生命周期函数对照

新增onRenderTracked, onRenderTriggered

4、 VSCode在模板中实现TypeScript 的自动补全:Vetur 插件配置中选择Extension Settings > Edit in settings.json添加如下设置:

 

提升90%加载速度——vuecli下的首屏性能优化
vue——项目优化,缩短首屏加载时间

喜欢 (0)
[]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址