vue源码解析-computed原理图
2020-12-30 11:33:13 0 举报
登录查看完整内容
为你推荐
查看更多
vue源码解析-computed原理图
作者其他创作
大纲/内容
6. watcher.depend()
2. mount时创建
//myproject/src/views/myview.vue<template> ... {{ sum }} ...</template>export default { data() { return {span style=\"font-size: inherit;\
vm.sum: computedGetter
3. get
1. create时调用
8. deps[1].depend()
data.a getter
data.b getter
data
evaluate: this.a + this.b
4. watcher.evaluate()
initComputed
depend() { let i = this.deps.length while (i--) { this.deps[i].depend() }}
sum的computed watchervm.watchers['sum']
5. get
render watcher
8. deps[0].depend()
![vue源码解析-computed原理图](https://www.processon.com/chart_image/template/thumb/5febf4f97621317c9398b277.png?tid=5fe87fc4e401fd549c92701f)
收藏
0 条评论
回复 删除
下一页