首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >vue2.6.11源码结构

vue2.6.11源码结构

原创
作者头像
李才哥
发布于 2023-06-28 14:05:06
发布于 2023-06-28 14:05:06
1750
举报
文章被收录于专栏:李才哥李才哥

vue2.6.11源码结构

compiler

codegen

event.js

index.js

directives

bind.js

index.js

model.js

on.js

parser

entity-decoder.js

filter-parser.js

html-parser.js

index.js

text-parser.js

codeframe.js

create-compiler.js

error-detector.js

helpers.js

index.js

optimizer.js

to-function.js

core

componnents

index.js

keep-alive.js

global-api

assets.js

extend.js

index.js

mixin.js

use.js

instance

render-helpers

  • bind-dynamic-keys.js
  • bind-object-listeners.js
  • bind-object-props.js
  • check-keycodes.js
  • index.js
  • render-list.js
  • render-slot.js
  • render-static.js
  • resolve-filter.js
  • resolve-scoped-slots.js
  • resolve-slots.js

events.js

index.js

init.js

inject.js

lifecycle.js

proxy.js

render.js

state.js

objserver

array.js

dep.js

index.js

scheduler.js

traverse.js

watcher.js

util

debug.js

env.js

error.js

index.js

lang.js

next-tick.js

options.js

perf.js

props.js

vdom

helpers

  • extract-props.js
  • get-first-component-child.js
  • index.js
  • is-async-placeholder.js
  • merge-hook.js
  • normalize-children.js
  • normalize-scoped-slots.js
  • resolve-async-component.js
  • update-listeners.js

modules

  • directives.js
  • index.js
  • ref.js

create-component.js

create-element.js

create-functional-component.js

patch.js

vnode.js

config.js

index.js

platforms

web

compiler

  • directives

• html.js • index.js • model.js • text.js

  • modules

• class.js • index.js • model.js • style.js

  • index.js
  • options.js
  • util.js

runtime

  • components

• index.js • transition.js • transition-group.js

  • direcrtives

• index.js • model.js • show.js

  • modules

• attrs.js • class.js • dom-props.js • events.js • index.js • style.js • transition.js

  • class-util.js
  • index.js
  • node-ops.js
  • patch.js
  • transition-util.js

server

  • directives

• index.js • model.js • show.js

  • modules

• style.js • index.js • dom-props.js • class.js • attrs.js

  • compiler.js
  • util.js

util

  • attrs.js
  • class.js
  • compat.js
  • element.js
  • index.js
  • style.js

entry-compiler.js

entry-runtime.js

entry-runtime-with-compiler.js

entry-server-basic-renderer.js

entry-server-renderer.js

weex

compiler

  • directives

• index.js • model.js

  • modules

• recycle-list • component.js • component-root.js • index.js • recycle-list.js • text.js • v-bind.js • v-for.js • v-if.js • v-on.js • v-once.js • append.js • class.js • index.js • props.js • style.js

  • index.js

runtime

  • components

• index.js • richtext.js • transition.js • transition-group.js

  • directives

• index.js

  • modules

• attrs.js • class.js • events.js • index.js • style.js • transition.js

  • recycle-list

• render-component-template.js • virual-component.js

  • index.js
  • node-ops.js
  • patch.js
  • text-node.js

util

  • element.js
  • index.js
  • parser.js

entry-compiler.js

entry-framework.js

entry-runtime-factory.js

server

bundle-renderer

create-bundle-renderer.js

create-bundle-runner.js

source-map-support.js

optimizing-compiler

codegen.js

index.js

modules.js

optimizer.js

runtime-helpers.js

template-renderer

create-async-file-mapper.js

index.js

parse-template.js

template-stream.js

webpack-plugin

client.js

server.js

util.js

create-basic-renderer.js

create-renderer.js

render.js

render-context.js

render-stream.js

util.js

write.js

sfc

parser.js

shared

constants.js

util.js

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
你想要的——vue源码分析(1)
Vue.js是现在国内比较火的前端框架,希望通过接下来的一系列文章,能够帮助大家更好的了解Vue.js的实现原理。本次分析的版本是Vue.js2.5.16。(持续更新中。。。)
can4hou6joeng4
2023/11/30
2070
Vue(v2.6.11)万行源码生啃,就硬刚!
众所周知,以下代码就是 vue 的一种直接上手方式。通过 cdn 可以在线打开 vue.js。一个文件,一万行源码,是万千开发者赖以生存的利器,它究竟做了什么?让人品味。
掘金安东尼
2024/01/27
4800
Vue(v2.6.11)万行源码生啃,就硬刚!
前端二面vue面试题(边面边更)1
有五种,分别是 State、 Getter、Mutation 、Action、 Module
bb_xiaxia1998
2023/01/03
1K0
Vue2.x 源码解析:组件初始化过程概要
这里分析的是当前(2018/07/25)最新版 V2.5.16 的源码,如果你想一遍看一遍参阅源码,请务必记得切换到此版本,不然可能存在微小的差异。
grain先森
2019/03/29
6340
Vue2.x 源码解析:组件初始化过程概要
5. 「vue@2.6.11 源码分析」组件渲染之创建虚拟DOM
vue@2.x中用到了虚拟DOM技术,基于第三方虚拟DOM库sanbbdom修改。建议阅读本文之前对snabbdom的使用和原理 有一定的了解,可以参考 snabbdom@3.5.1 源码分析。
tinyant
2023/02/24
1.1K0
5. 「vue@2.6.11 源码分析」组件渲染之创建虚拟DOM
3. 「vue@2.6.11 源码分析」vue.js 首次执行做了哪些事情
我们都知道页面渲染从new Vue开始,但是实际上代码在这之前先注册了Vue构造函数和各种能力才能保证new Vue的正常运作。从开发者角度看,可以看到Vue的大致全貌,其暴露了哪些东西。
tinyant
2023/02/24
7480
Vue2.5源码阅读笔记01—代码结构与初始化
Vue作为当下最流行的渐进式的js框架,其渐进式的思想、虚拟DOM的运用、组件化的开发模式、响应式数据侦听原理值得开发者进行探索学习,其中运用的代码组织的技巧,对平时的开发大有裨益。本系列笔记初步分为8个章节,记录本人源码的阅读过程。
csxiaoyao
2019/02/15
4450
Vue——Vue v2.7.14 源码阅读之代码目录结构【一】
这里主要说一些 vue2.7.14 源码的目录结构,其实这块有些目录并不重要,不过我还是想全面的描述下,详细的一些文件说明会随着源码解读来补充完善,其中描述如果有错的地方还请斧正; GitHub github page
思索
2024/08/15
1320
Vue源码阅读 - 文件结构与运行机制
vue已是目前国内前端web端三分天下之一,同时也作为本人主要技术栈之一,在日常使用中知其然也好奇着所以然,另外最近的社区涌现了一大票vue源码阅读类的文章,在下借这个机会从大家的文章和讨论中汲取了一些营养,同时对一些阅读源码时的想法进行总结,出产一些文章,作为自己思考的总结,本人水平有限,欢迎留言讨论~
前端下午茶
2018/10/22
5630
Vue源码阅读 - 文件结构与运行机制
Vue2.5源码阅读笔记01—代码结构与初始化
Vue作为当下最流行的渐进式的js框架,其渐进式的思想、虚拟DOM的运用、组件化的开发模式、响应式数据侦听原理值得开发者进行探索学习,其中运用的代码组织的技巧,对平时的开发大有裨益。本系列笔记初步分为8个章节,记录本人源码的阅读过程。
CS逍遥剑仙
2018/09/11
1.3K0
Vue2.5源码阅读笔记01—代码结构与初始化
Vue源码学习和分析笔记
compiler 目录包含 Vue.js 所有编译相关的代码。它包括把模板解析成 AST 语法树,AST语法树优化,代码生成等功能。
Tiffany_c4df
2019/09/04
1.4K0
vue源码解读(一)
后两条是在第一条命令的基础上,添加了一些环境参数。最终都会执行scripts/build.js文件。我们一起看一下scripts/build:
用户3258338
2019/07/19
1.2K0
vue源码解读(一)
4. 「vue@2.6.11 源码分析」new Vue() 整体流程和组件渲染之前的准备工作
将组件渲染渲染分为两大步骤:组件信息(事件、方法等等)的初始化,以及组件的渲染。 虽然源码中 $mount方法调用放在了_init方法上,但是感觉拿出来好些,毕竟是两个大的步骤。
tinyant
2023/02/24
7550
4.  「vue@2.6.11 源码分析」new Vue() 整体流程和组件渲染之前的准备工作
上帝视角看Vue源码整体架构+相关源码问答
这段时间利用课余时间夹杂了很多很多事把 Vue2 源码学习了一遍,但很多都是跟着视频大概过了一遍,也都画了自己的思维导图。但还是对详情的感念模糊不清,故这段时间对源码进行了总结梳理。
yyzzabc123
2022/10/03
1.9K0
Vue————Vue v2.7.14 入口文件【二】
按着我的习惯,拿到一个项目首先我会查看项目下的README.md其次查看package.json,这里也不例外看过 README.md 后,来看下package.json; GitHub github page
思索
2024/08/15
2200
Vue中vdom的创建
昨天发的牢骚里感觉Vue的三个功能是解析并渲染html模板,解析并执行js,解析并渲染css样式。然后有个核心概念vdom,那么这个虚拟dom(vdom)在代码里是怎么体现的呢。一起来看下。
terrence386
2022/07/14
4100
Vue中vdom的创建
vue2升级vue3: h、createVNode、render、createApp使用
h 函数本质就是 createElement() 的简写,作用是根据配置创建对应的虚拟节点,在vue 中占有极其重要的地位!
周陆军博客
2022/07/25
4.6K0
Vue 2.0源码分析-update
Vue 的 _update 是实例的一个私有方法,它被调用的时机有 2 个,一个是首次渲染,一个是数据更新的时候;由于我们这一章节只分析首次渲染部分,数据更新部分会在之后分析响应式原理的时候涉及。_update 方法的作用是把 VNode 渲染成真实的 DOM,它的定义在 src/core/instance/lifecycle.js 中:
越陌度阡
2023/12/10
4040
Vue 2.0源码分析-update
你想要的——vue源码分析(2)
Vue.js是现在国内比较火的前端框架,希望通过接下来的一系列文章,能够帮助大家更好的了解Vue.js的实现原理。本次分析的版本是Vue.js2.5.16。(持续更新中。。。)
can4hou6joeng4
2023/11/30
2150
Vue事件绑定原理
Vue中通过v-on或其语法糖@指令来给元素绑定事件并且提供了事件修饰符,基本流程是进行模板编译生成AST,生成render函数后并执行得到VNode,VNode生成真实DOM节点或者组件时候使用addEventListener方法进行事件绑定。
WindRunnerMax
2020/09/10
9.2K0
相关推荐
你想要的——vue源码分析(1)
更多 >
LV.2
这个人很懒,什么都没有留下~
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档