vue__模板解析3一般指令解析

Posted cl1998

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue__模板解析3一般指令解析相关的知识,希望对你有一定的参考价值。

  1. 得到指令名 和指令值(表达式)  text/html/class    msg/myClass
  2. 从 data 中根据表达是得到对应的值
  3. 根据指令名确定需要操作元素节点的什么属性
    a:  v-text---text-textContent 属性
    b:  v-html—innerHTML 属性
    c:  v-class---class 属性
  4. 将得到的表达式的值设置到对应的属性上
  5. 移除元素的指令属性



以上是关于vue__模板解析3一般指令解析的主要内容,如果未能解决你的问题,请参考以下文章

vue数据双向绑定原理-解析器Complie

VUE2.0 模板编译原理:解析器

VUE2.0 模板编译原理:解析器

解析模板时出错 [注册/保存],模板可能不存在或可能无法被任何已配置的模板解析器 _csft 访问

带备注的模板解析类

02 vue 数据绑定与指令