Vue源码分析(一)| vue的初始起点

一直想自己来过一遍源码,所以接下来有一个源码学习过程。刚打开vue源码很迷茫,不知道从哪里开始,这里先推荐一个chrome工具Octotree,可以直接在github上看代码结构,都不用下载源码。
直接点到src的core文件夹中,大概这是核心代码吧,我们就从这里开始。。。。。。

注意⚠️:我把自己的一些理解以注释的形式写在代码块里啦,有错误请指正

/src/core/index.js

// vue的一些核心方法应该在这里
import Vue from './instance/index'
// 初始化vue的一些全局变量
import {
    initGlobalAPI } from './global-api/index'
// 从这里获得一个Boolean类型变量,判断是否为ssr
import {
    isServerRendering } from 'core/util/env'

import {
    FunctionalRenderContext } from 'core/vdom/create-functional-component'
// 执行初始化全局变量
initGlobalAPI(Vue)
// 为vue原型定义isServer属性
Object.defineProperty(Vue.prototype, '$isServer', {
   
  get: isServerRendering
})
// 为Vue原型定义ssrContext属性
Object.defineProperty(Vue.prototype, '$ssrContext', {
   
  get () {
   
    /* istanbul ignore next */
    return this.$vnode && this.$vnode.ssrContext
  }
})

// expose FunctionalRenderContext for ssr runtime helper installation
Object
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值