![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
解析vue源码
文章平均质量分 61
liwenqi7
这个作者很懒,什么都没留下…
展开
-
Vue模版编译原理解释
什么是模版编译在日常开发中,我们把写在<template></template>标签中的类似于原生HTML的内容称之为模板。因为我们在开发中,在<template></template>标签中除了写一些原生HTML的标签,我们还会写一些变量插值,如,或者写一些Vue指令,如v-on、v-if等。而这些东西都是在原生HTML语法中不存在的。Vue能将模版正确识别归功于vue的模版编译,Vue会把用户在<template></templa原创 2021-07-06 20:28:51 · 699 阅读 · 0 评论 -
Vue源码-mustache模版引擎原理详解
什么是模版引擎模版引擎是将数据变为视图最优雅的解决方案。mustache是最早的模版引擎库,比Vue诞生早。上述案例的mustache模版语法如下:mustache库的机理mustache库底层重点要做两个事情:1.将模版字符串编译为tokens形式2.将tokens结合数据,解析为dom字符串什么是tokenstokens是一个Js的嵌套数组,其实就是模版字符串的js表示。未完。。。...原创 2021-06-15 20:49:30 · 110 阅读 · 0 评论 -
Vue虚拟DOM和diff算法核心原理详解
虚拟DOM虚拟DOM是用JavaScript对象描述DOM的层次结构。DOM中的一切属性都在虚拟DOM中有对应的属性。关于DOM如何变为虚拟DOM原创 2021-06-11 22:01:45 · 276 阅读 · 2 评论