VUE 源码学习 -- 关于flow在vue源码中的使用

作者: fred_33c7 | 来源:发表于2018-12-20 01:20 被阅读1次

Vue源码解读——准备工作（一）
VUE 源码学习 -- 关于flow在vue源码中的使用
Vue 学习笔记
Vue 源码解析 - 模板编译
Vue 源码解析 - 主线流程
Vue 源码解析 - 组件挂载
Vue 源码解析 - 数据驱动与响应式原理
阅读Vue源码--前置知识
【读vue 源码】溯源 import Vue from 'vue
flow

当我在看vue源码的时候。我看到了

const vm: Component = this

这样一行。出自src/core/instance/init.js
const是javascript中常见的常量定义方法。但是我没有看到过这种带:的语法结构。
其实这是flow在起作用。VUE是用flow进行静态类型检测。
我们其实可以在这个init.js的最上方看到一行代码/* @flow */
这种冒号的结构就是vue利用flow进行静态结构检测的一个常见用法了。
其实在这个function定义的时候

export function initMixin (Vue: Class<Component>) {

这一行就已经用了flow的检测。

// @flow
function square(n: number): number {
  return n * n;
}

square("2"); // Error!

这是Flow官网给出的介绍。

网友评论

本文标题：VUE 源码学习 -- 关于flow在vue源码中的使用

本文链接：https://www.haomeiwen.com/subject/ttlekqtx.html

延伸阅读

深度阅读

您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

VUE 源码学习 -- 关于flow在vue源码中的使用

相关文章

Vue源码解读——准备工作（一）

VUE 源码学习 -- 关于flow在vue源码中的使用

Vue 学习笔记

Vue 源码解析 - 模板编译

Vue 源码解析 - 主线流程

Vue 源码解析 - 组件挂载

Vue 源码解析 - 数据驱动与响应式原理

阅读Vue源码--前置知识

【读vue 源码】溯源 import Vue from 'vue

flow

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读

Vue学习笔记

Vue.js专区

Web前端之路

前端开发笔记