VUE模板语法[简述]

模板语法

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

• Vue的语法有两种模板: 插值语法和指令语法

  • 插值语法:

    • 功能: 用于解析标签体的内容.

    • 写法:

      • 1.文本插值

         {{XXX}}

        XXX是js表达式,并且可以直接读取到data中的所有属性

      • 2.原始html

      • 3.属性

      • 4.事件

  • 指令语法:

    • 一种带有 v - 前缀的特殊属性

    • 功能: 当表达式的值发生变化时,将其产生的连带影响,响应式的作用于DOM上,从而实现通过Vue操作DOM.

    • 写法:

       v-model

      • v-model 双向数据绑定,一般用于表单元素上
        举例: v-model=“form.title”