vue教程-模板语法

介绍

Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML,所以能被遵循规范的浏览器和 HTML 解析器解析。

在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少。

也可以不用模板,直接写渲染 (render) 函数

渲染:
把数据显示到html标签中

语法

  • 插值
    • 文本
    • html
    • 属性
    • js表达式
  • 指令
    • 参数
    • 动态参数
    • 修饰符
  • 缩写
    • v-bind缩写
    • v-on缩写

原文出处:/show_1IXAPWH1S0a.html