【Vue温故】 Vue编译-内置指令

一.Vue编译

vue的模板都是基于HTML，是一套模板编译系统

开发者写的template->分析HTML字符串->AST树->表达式/自定义属性/指令 ->虚拟dom树->解析真实DOM->render

其中通过_c_v_s三个函数构建虚拟dom树

二.指令

v-once会影响到子级元素中的数据绑定，若要解决，可以通过es6的${}来解决

v-html 插值不会解析HTML，因为插值是JS表达式，没有对DOM的操作 rawHTML

三.属性

attribute：HTML的扩展 title src href attr

property: 在对象内部存储数据，通常用来描述数据结构

falsy:false 0 "" null undefined NaN

truthy:除falsy以外的值

三.表达式

可用范围:

1.数学运算表达式

2.字符串拼接

3.判断表达式

4.使用JSAPI

5.不能绑定多个表达式

6.不能绑定语句