从0开始学习Vue2源码 （一、vue函数位置）

已于 2024-01-10 17:47:29 修改
阅读量411 收藏 9
点赞数 6
分类专栏： vue2源码学习 文章标签： vue.js
于 2024-01-10 17:27:33 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a_a_is/article/details/135506694
版权
本文分析了Vue.js2.6.14项目中的关键文件结构，包括package.json中的打包命令，scripts目录中的build.js、config.js和alias.js，以及指向核心功能的instance/index文件，揭示了Vue函数的实现细节。
摘要由CSDN通过智能技术生成

目录

1.package.json

2.scripts目录

3  instance/index 文件

版本  2.6.14  源码地址：GitHub - vuejs/vue: This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core

注：官方团队已放弃对2.0版本的维护，引用官网截图  Vue.js

1.package.json

从package.json中看到打包命令 

   "build": "node scripts/build.js"

2.scripts目录

 通过 build.js 、 config.js、alias.js   溯源到    core/index     instance/index

3  instance/index 文件

core/index    instance/index
instance/index 文件中可以看到 vue函数 本体。

至此，可以看到 vue函数的本体

a_a_is
关注
  • 6
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue2.0源码入口
七月
11-30 1196
vue系列第二篇—vue源码分析入口 vueJS 一. vue源码 我们安装好vue以后， 如何了解vue的的代码结构， 从哪里下手呢？ 1.1. vue源码入口 vue的入口是package.json <image src=“https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a0c1fe1b2e4447e69de4c25f60d141b8~tplv-k3u1fbpfcp-watermark.image” width=“60%”/> 来分别看看
vue2.x源码导读
Bidding
04-11 243
dist目录输出文件说明 cjs webpack1，browserfiry esm webpack2+ umd 兼容cjs和amd runtime 仅仅包含运行时代码，不包含编译器 环境准备 1、安装依赖：npm install 2、安装打包工具rollup：npm install rollup -g 入口文件 src\platforms\web\entry-runtime-with-co...
Vue2.0中文API以及js源码
02-26
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。
vue2源码分析-vue入口文件global-api分析_vuecli2多入口文件golb插件
最新发布
2401_84920052的博客
05-13 597
【代码】vue2源码分析-vue入口文件global-api分析_vuecli2多入口文件golb插件。
vue2源码解析（学习笔记）
weixin_47454918的博客
04-18 2377
vue源码调试解析
源码vue2/3
m0_47999208的博客
11-03 163
https://github.com/vuejs/core
vue2源码（一）-- Vue.extend
vgub158的博客
08-31 880
Vue.extend函数源码分析
详解Vue源码学习之callHook钩子函数
12-02
了解`callHook`函数的工作方式，对于深入学习Vue源码和优化组件的生命周期管理至关重要。通过掌握这一机制，开发者可以更有效地组织代码，确保在恰当的时机执行必要的操作，从而提升应用的性能和可维护性。
前端vue2源码梳理文档
07-31
前端 Vue2 源码梳理文档 一、Vue2 框架 Vue2 是一个前端框架，使用 MVVM 模式，即 Model-View-ViewModel。其中，Model 代表数据，View 代表视图，ViewModel 代表视图模型。ViewModel 负责监听 Model 的变化，并...
vue2源码学习，附上一些注释
03-03
Vue.js 是一款非常流行的前端JavaScript框架，用于构建用户界面。Vue 2.x 版本引入了许多优化和新...动手调试源码是一种极好的学习方式，尝试运行`vue-study`项目，亲身体验Vue的每一个细节，相信你会有更大的收获。
详解Vue源码中一些util函数
12-10
在这里，我们将深入探讨一些关键的util函数，以及它们在Vue源码中的应用。 首先，我们关注的是`Object.prototype.toString.call(arg)`与`String(arg)`的区别。两者都可以将参数转换为字符串，但执行方式不同。`...
github上Vue2.6源码
03-19
Vue2.6源码，仅供于源码学习
vue2源码（三）-- Vue.nextTick
vgub158的博客
10-08 274
Vue.nextTick 源码解析
Vue2.x 源码 - 学习准备
weixin_43299180的博客
08-27 2697
虽然说 vue3.x 已经出来很久了，但是大部分人还是习惯使用 vue2.x 进行开发；所以这里我还是想先理顺 vue2.x 的源码。 之前也零零散散的看过一些 vue2.x 的源码，但是比较分散，现在正好有个机会，我决定系统的看看 vue2.x 的整个源码，然后整理出来分享学习，同时也作为自己学习的一个总结。 这篇文章主要介绍一下学习 vue 源码之前需要做哪些准备！ 1、个人能力 想学习 vue 的源码，首先你需要会使用 vue 这个框架，至少有两个或者以上的项目开发经验，其次需要具备一定的原生
vue2源码浅读(一)：走进vue2源码
陈小陈的博客
07-10 1230
vue2源码
Vue2.x源码解析(一)
le的博客
10-26 838
  随着Vue3.0的发布，可以看到如今Vue在现如今的前端开发上占据着越来越重要的地位，那么如果我们了解vue的底层原理，了解其工作机制，无疑会加深我们对他的印象，这样在之后的使用过程中，遇到问题就能从一个更广阔的角度去分析问题产生的原因，而实现这些最好的方式就是看源码。因为Vue3.0发布时间不长，所以我们首先先来分析vue2.x的源码，因为vue2.x版本和vue3.0版本有很多方法的实现方式是类似的，我们先学习了上一个版本的知识，更有助于我们与新的版本产生对比，分析它改动了哪里，而又为什么要改变，那
vue2.0源码解析(一)
Lschange的博客
05-25 1590
1、先下载vue源码(当前版本为：2.6.11) 地址： git clone https://github.com/vuejs/vue.git 2.切换到package.json dev脚本中 -c scripts/config.js 指明配置⽂件所在，参数为：TARGET:web-full-dev 3、根据命令变量在scripts/config.js中找到如下代码 'web-full-dev': { entry: resolve('web/entry-runtime-wi..
vue-resource github源码文档地址
u010328533的博客
09-12 454
https://github.com/pagekit/vue-resource

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值