ref从零实现,主要跟着这篇文章来练习的
插件
ts-node:编译 + 运行。
泛型正向
泛型:创建可重用的组件,一个组件可支持多种类型的数据。
ts练习,文章来源
项目结构
-
shims-tsx.d.ts
,允许编写jsx
代码,在.tsx
结尾的文件中 -
shims-vue.d.ts
,让ts
识别vue
文件
interface
和 type
的区别
相同点:都用来描述对象或函数,都能拓展(extends
)
不同点:
type
可声明基本类型别名,联合类型,元组。type
可用typeof
获取实例的类型进行赋值。
interface
可以声明合并。interface
有可选属性和只读属性。
private
、public
、protected
vue组件的ts写法
vue组件的ts写法官方文档
Vue.extend
需要与mixins
结合使用。
vue-class-component
:基于类的API,官方在维护。
vue-property-decorator
:基于vue-class-component
,写起来更顺手。
子组件components/Blog.vue
{{ post.title }}
{{ post.body }}
written by {{ post.author }} on {{ date }}
父组件home.vue
This is an about page
es6中的class
创建getter
时,使用关键字get