ts02

ref从零实现,主要跟着这篇文章来练习的

插件

ts-node:编译 + 运行。

泛型正向

泛型:创建可重用的组件,一个组件可支持多种类型的数据。


ts练习,文章来源

项目结构

  1. shims-tsx.d.ts,允许编写jsx代码,在.tsx结尾的文件中
  2. shims-vue.d.ts,让ts识别vue文件

interfacetype的区别

相同点:都用来描述对象或函数,都能拓展(extends)

不同点:
type可声明基本类型别名,联合类型,元组。type可用typeof获取实例的类型进行赋值。
interface可以声明合并。interface有可选属性和只读属性。

privatepublicprotected

vue组件的ts写法

vue组件的ts写法官方文档

Vue.extend需要与mixins结合使用。

vue-class-component:基于类的API,官方在维护。
vue-property-decorator:基于vue-class-component,写起来更顺手。

子组件components/Blog.vue





父组件home.vue



es6中的class创建getter时,使用关键字get


拓展:es6中class的用法

你可能感兴趣的:(ts02)