【九月打卡】第4天 typescrpt结合Vue改造音乐搜索页

课程名称：vue3.0+TypeScript改造vue2.x项目

课程章节：TS改造音乐搜索页

课程讲师：西门老舅

课程内容：

1. 老师讲述了在新建vue项目和已有vue项目中如何配置typeScript的
2. ts在vue3中是如何使用的以及ts设置别名的用法
3. vue3结合ts的优势是什么
4. 谈了一些对vue3的理解，帮助我们更好的认识和使用vue3

课程收获：

• 学会了从0开始新建一个ts的vue项目，新建的时候还可以选择自定义某些配置选项；

• 在vue2中使用typeScript书写上与js有些许不同，如使用装饰@component来引入子组件，@props() 声明父组件传入的属性，并且props接受一个参数类型，如@props(String)；

• 使用ts还可以对我们的变量进行类型推断，很方便，还可以避免很多编译时的错误，但是其实ts在vue2中的的写法还是比较繁琐的，而新推出的vue3对ts的类型推断更加友好。

• vue3通常用导入的defineComponent声明组件，而且vue3没有this的概念，但有一个context表示执行上下文，里面是一些组件相关的属性；

• 使用ts定义变量的类型后，是不能随意更改的，一旦更改其他使用的地方都会跟着报错。

• 使用type设置ts类型别名，如：type tdata = {dataList ：string[]}，const dataList: tdata = []

  经过这几天的课程，感觉到了vue3.0相较于vue2.0带来的许多变化，

1. 对于内部性能提升做了很大的改善，比如虚拟dom虚拟算法打包压缩文件都有很大提升
2. 提供了组合式api，他的编写关注与逻辑而不是关注于配置，它是通过逻辑的方式进行分离的，就是一个功能一块代码，这是在代码组织上的变化
3. vue3.0虽然做了很大的改变，但是也保留了vue2的所有写法，方便了我们对vue2项目的过渡
4. 为什么使用ts开发？大型项目里可以规范团队成员的开发，还可以在编译时提前感知错误，编辑器的强大提示对于开发来说很方便，不用猜测别人的代码，通过提示，类型的方式就可以知道大概写的是什么样的功能。
5. ts与vue3结合，摒弃了这种繁琐this，装饰器复杂写法，而是采用面向对象的写法。

几天的坚持终于学习完了老师的整个课程，收获很多，希望老师能多出一些项目实战的课程，我会继续学习的！！