vue基础（2）模板语法

理论知识

• 前端渲染
  • 定义 将数据填充到HTML标签中，这是个处理过程。首先准备数据、模板，然后经过前端渲染处理，生成静态的HTML内容。
  • 实现方式
    • 1、原生js拼接字符串 但不同人的写法不同，后期维护困难。
    • 2、前端模板引擎（beetl） 克服了方式一的缺点，但没有事件机制。
      
    • 3、vue特有的模板语法 克服了前两种方式缺点
• vue模板语法
  • 插值表达式
  • 指令

    • 定义 是vue作者基于html标签属性之上定义的标签属性，其格式为v-xxx。即约定v-xxx是vue的指令。即是属性则规定了使用位置，即在标签左尖括号的内部使用。

      自定义属性是相对于标准属性，标准属性指html标签的定义的属性，比如a标签的src属性等。

    • v-cloak指令

    • []

  • 事件绑定
  • 属性绑定
  • 样式绑定
  • 分支循环结构

过程类似模板引擎beetl.

实践

总结

来源：https://www.cnblogs.com/guojuboke/p/12299485.html