Vue源码-mustache模版引擎原理详解

什么是模版引擎

模版引擎是将数据变为视图最优雅的解决方案。

mustache是最早的模版引擎库,比Vue诞生早。上述案例的mustache模版语法如下:

Vue源码-mustache模版引擎原理详解_第1张图片

 

mustache库的机理

mustache库底层重点要做两个事情:

1.将模版字符串编译为tokens形式

2.将tokens结合数据,解析为dom字符串

什么是tokens

tokens是一个Js的嵌套数组,其实就是模版字符串的js表示。

Vue源码-mustache模版引擎原理详解_第2张图片

Vue源码-mustache模版引擎原理详解_第3张图片

未完。。。

 

你可能感兴趣的:(解析vue源码)