随笔分类 -  Vue源码解析1(模板渲染,Ast树,render())

Vue源码解析(模板渲染,Ast树,渲染函数render())
摘要:好家伙, Vue源码学习(三):<templete>渲染第二步,创建ast语法树, 在上一篇,我们已经成功将 我们的模板 转换为ast语法树 接下来我们继续进行操作 1.方法封装 由于代码太多,为了增加代码的可阅读性 我们先将代码进行封装 index.js import { generate } f 阅读全文
posted @ 2023-09-12 17:54 养肥胖虎 阅读(658) 评论(0) 推荐(2)
摘要:好家伙,书接上回 在上一篇Vue源码学习(二):<templete>渲染第一步,模板解析中,我们完成了模板解析 现在我们继续,将模板解析的转换为ast语法树 1.前情提要 代码已开源https://github.com/Fattiger4399/analytic-vue.git手动调试一遍, 胜过我 阅读全文
posted @ 2023-09-08 22:46 养肥胖虎 阅读(644) 评论(0) 推荐(1)
摘要:好家伙, 1.<template>去哪了 在正式内容之前,我们来思考一个问题, 当我们使用vue开发页面时,<tamplete>中的内容是如何变成我们网页中的内容的? 它会经历四步: 解析模板:Vue会解析<template>中的内容,识别出其中的指令、插值表达式({{}}),以及其他元素和属性。 阅读全文
posted @ 2023-09-06 20:31 养肥胖虎 阅读(2290) 评论(0) 推荐(1)