Vue3.0源码分析
2020-10-13 18:16:12 0 举报
AI智能生成
Vue3.0 源码分析
作者其他创作
大纲/内容
源码模块
compiler 编译器
core 核心
AST
codegen
compile
errors
options
parse
runtimeHelpers
transform
validateExpression
utils
transforms
hoistStatic
noopDirectiveTransform
transformElement
transformExpression
transformSlotOutlet
transformText
vBind
vFor
vIf
vModel
vOn
vOnce
vSlot
dom 浏览器
transforms
ignoreSideEffectTags
stringifyStatic
transformStyle
vHtml
vModel
vOn
vShow
vText
warnTransitionChildren
decodeHtml
decodeHtmlBrowser
errors
index
namedChars
parserOptions
runtimeHelpers
sfc
compileScript
compileStyle
compileTemplate
genCssVars
index
parse
rewriteDefault
shims.d
stylePluginScoped
stylePluginScopedVars
stylePluginTrim
stylePreprocessors
templateTransformAssetUrl
templateTransformSrcset
templateUtils
ssr
transforms
ssrInjectCssVars
ssrInjectFallthroughAttrs
ssrTransformComponent
ssrTransformElement
ssrTransformSlotOutlet
ssrTransformSuspense
ssrTransformTeleport
ssrVFor
ssrVIf
ssrVModel
ssrVShow
errors
index
runtimeHelpers
ssrCodegenTransform
runtime 运行时
core 核心
components
BaseTransition
KeepAlive
Suspense
Teleport
helpers
createSlots
renderList
renderSlot
resolveAssets
scopeId
toHandlers
typeUtils
useSsrContext
withRenderContext
apiAsyncComponent
apiComputed
apiCreateApp
apiDefineComponent
apiInject
apiLifecycle
apiWatch
component
componentEmits
componentOptions
componentProps
componentPublicInstance
componentRenderUtils
componentSlots
devtools
directives
errorHandling
featureFlags
h
hmr
hydration
index
profiling
renderer
scheduler
vnode
warning
dom 浏览器
components
Transition
TransitionGroup
directives
vModel
vOn
vShow
helpers
useCssModule
useCssVars
modules
attrs
class
events
props
style
index
nodeOps
patchProp
test 测试
index
nodeOps
patchProp
serialize
triggerEvent
shared 共享的方法
codeframe
domAttrConfig
domTagConfig
escapeHtml
globalsWhitelist
index
looseEqual
makeMap
normalizeProp
patchFlags
shapeFlags
slotFlags
toDisplayString
template-explorer 模板解析器
index
options
theme
reactivity 响应式
baseHandlers
collectionHandlers
computed
effect
index
operations
reactive
ref
vue 整合编译时和运行时
dev
index
runtime
server-renderer 服务器渲染
helpers
ssrCompile
ssrInterpolate
ssrRenderAttrs
ssrRenderComponent
ssrRenderList
ssrRenderSlot
ssrRenderSuspense
ssrRenderTeleport
ssrResolveCssVars
ssrVModelHelpers
index
render
renderToStream
renderToString
size-check
检查tree-shaking 后 运行时的大小
API
createApp, // 创建app
reactive, // 接收一个普通对象 返回一个响应式数据对象
ref, // 将给定的值(确切的说是基本数据类型 int 或 string)创建一个响应式的数据对象
toRefs, // 可以将reactive创建出的对象展开为基础类型
isRef, // 判断一下是不是ref生成的响应式数据对象
computed, // 创建计算属性
watch, // 定义监听器
onMounted, // 挂载到dom之后
onUpdated, // 更新之后
onUnmounted,// 销毁之后
effect // 副作用函数,响应式对象修改会触发这个函数
computed // 计算属性
Vue3.0中的六大亮点
Performance 性能上比Vue2.0快1.3~2倍
Tree shaking support 按需编译,体积更加轻量化
Composition API组合API,可参考React hooks理解
Better TypeScript support对 Ts 提供了更好的支持
Custom Renderer API暴露了自定义渲染API
Fragment,Teleport(Protal),Suspense更先进的组件
0 条评论
下一页