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 浏览器
ignoreSideEffectTags
stringifyStatic
transformStyle
vHtml
vShow
vText
warnTransitionChildren
decodeHtml
decodeHtmlBrowser
index
namedChars
parserOptions
sfc
compileScript
compileStyle
compileTemplate
genCssVars
rewriteDefault
shims.d
stylePluginScoped
stylePluginScopedVars
stylePluginTrim
stylePreprocessors
templateTransformAssetUrl
templateTransformSrcset
templateUtils
ssr
ssrInjectCssVars
ssrInjectFallthroughAttrs
ssrTransformComponent
ssrTransformElement
ssrTransformSlotOutlet
ssrTransformSuspense
ssrTransformTeleport
ssrVFor
ssrVIf
ssrVModel
ssrVShow
ssrCodegenTransform
runtime 运行时
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
profiling
renderer
scheduler
vnode
warning
Transition
TransitionGroup
useCssModule
useCssVars
modules
attrs
class
events
props
style
nodeOps
patchProp
test 测试
serialize
triggerEvent
shared 共享的方法
codeframe
domAttrConfig
domTagConfig
escapeHtml
globalsWhitelist
looseEqual
makeMap
normalizeProp
patchFlags
shapeFlags
slotFlags
toDisplayString
template-explorer 模板解析器
theme
reactivity 响应式
baseHandlers
collectionHandlers
computed
effect
operations
reactive
ref
vue 整合编译时和运行时
dev
runtime
server-renderer 服务器渲染
ssrCompile
ssrInterpolate
ssrRenderAttrs
ssrRenderComponent
ssrRenderList
ssrRenderSlot
ssrRenderSuspense
ssrRenderTeleport
ssrResolveCssVars
ssrVModelHelpers
render
renderToStream
renderToString
size-check
检查tree-shaking 后 运行时的大小
Vue3.0源码分析
API
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
0 条评论
回复 删除
下一页