首页 > 其他分享 >5. Vue 【进阶】- AST 抽象语法树

5. Vue 【进阶】- AST 抽象语法树

时间:2022-11-20 02:22:37浏览次数:78  
标签:Vue 进阶 AST 语法 编译 HTML 抽象

Vue 【进阶】- AST 抽象语法树

1. AST 简介

在开发Vue的时候编译器会将模板语法编译成正常的HTML语法,而直接编译的时候是非常困难的,因此此时会借助AST抽象语法树进行周转,进而变为正常的HTML语法,使编译工作变得更加简单。

抽象语法树的本质上是一个JS对象,Vue在审视所有HTML结构时是以字符串的新式进行的,最终将其解析为JS对象。AST抽象语法树服务于模板编译,将一种语法翻译为另一种语法。在Vue中将模板语法编译为HTML语法,自己作为中转站。

2. 抽象语法树和虚拟节点的关系

标签:Vue,进阶,AST,语法,编译,HTML,抽象
From: https://www.cnblogs.com/caijinghong/p/16907790.html

相关文章

  • Vue3 之 ref、shallowRef、customRef
    ref把对象转化为响应式的;shallowRef是浅层响应式数据,即:只有对value整体修改,才能更新到视图层。而修改具体属性值时,不会更新视图。(shallowReactive和shallowRef一样的......
  • Vue3 npm 命令解析
    我们使用npmrunxxx命令,在nodeMoudles里面,vite目录做了一个软链接,然后去软链接下面的目录去找,有3个vite的配置,适应不同的平台做的(unix、windows、mac等)流程:1、本地n......
  • 「进阶」缓解眼睛疲劳,防蓝光保护视力,关爱健康!- CareUEyes
    软件官网地址:https://care-eyes.com/显示对于显示页面来说8个模式下面都有对应的介绍说明,不再介绍。笔者建议软件调节之前,先退出软件,用系统自带的亮度调节,进入电源选......
  • Vue XQTypeScriptFramework 使用
    说明XQTypeScriptFramework隶属于XQFramework下JS基础性框架部分XQFramework励志将开发将常用开发语音基础性框架统一汇总,为全站开发使用到的基础语法进行统一,拜......
  • vue2 echarts 报错 mounted Initialize failed: invalid dom. 的一种解决方法
    如题参考了https://blog.csdn.net/weixin_52418790/article/details/123690752但是还是不行,后来发现我这个是在elementui的模态框里面写的,但是模态框还没有......
  • 我的第一个项目(二):使用Vue做一个登录注册界面
    好家伙, 顶不住了,太多的bug,本来是想把背景用canvas做成动态的,但是,出现了各种问题为了不耽误进度,我们先把一个简单的登录注册界面做出来 来看看效果:  (看上去还......
  • 【C语言进阶】三.字符串函数
    (一)字符串函数1.strlen(计算字符串元素数)(1)用法size_tstrlen(constchar*str)字符串已经'\0'作为结束标志,strlen函数返回的是在字符串中'\0'前面出现的字符个数(不包......
  • vite创建一个vue3项目
    vite创建vue3npmcreatevite@latest回车后输入项目名,选择vue即可安装vue-routernpminstallvue-router@4安装pinia使用pinia代替vuexnpminstallpini......
  • Vue跳转路由后回到顶部
    在使用Vue3写个人博客时,点击一篇博客之后我想要跳转到文章详情界面,但是跳转后该页面位置还停留在上一个路由时的位置,而实际上是需要跳转后回到顶部。解决方法为,为路由添......
  • vue-router参数传递
    通过query传递   使用$route获取query对象   ......