vue-1-CSDN博客

本文链接：https://blog.csdn.net/qyp_slw/article/details/115177270

视频1-4：认识Flow

使用flow进行类型检查，避免线上的一些隐患bug。

1.类型推荐：通过变量的使用上下文来推断变量类型，然后根据这些推断来检查类型
2.类型注释：事先注释好我们期待的类型，flow会基于这些注释来判断

flow使用流程：

cnpm i flow-bin -g (全局安装)
flow init
flow your’s.js

/*@flow*/
function getName(str) {
  return str.split("");
}
getName(12);

这时再去命令行执行flow即可，就可以看到因为类型检查出的错误了

flow中自定义类型（libdef）约束：
1.先去.flowconfig的libs下面设置对应的设置基本类型的文件夹
2.去文件里面设置类型约束

declare type Slw = {
  name: string,
  age: number,
  height: number,
};

3.这样全局就可以使用 Slw这个基础类型约束了

那么vue其实就写了很多自定义类型：

flow
|---- compiler.js # 编译相关
|---- component.js # 组件数据结构
|---- global-api.js # Global API 结构
|---- modules.js # 第三方库定义
|---- options.js # 选项相关
|---- ssr.js # 服务端渲染相关
|---- vnode.js # 虚拟node相关