Vue 语法和数据绑定

18 阅读1分钟

Vue 语法:

  1. 插值语法:{{ 插值语法 }}

   功能:用于解析标签体内容 。

   写法:{{ XXX. }}. XXX 是js 表达式,且可以直接读取到data中的所有属性。

  2. 指令语法:

    功能:用于解析标签(包括:标签属性、标签体内容、绑定事件。。。)

   举例:v-bind:href = ‘xxx’ 或 简写为 :href=‘xxx’ , xxx 同样要写js表达式。 且可以直接读取到data 中的所有属性。

 **  Vue中有2种数据绑定方式:**

    1. 单向绑定(v-bind): 数据只能从data流向页面。

    2. 双向绑定(v-model): 数据不仅能从data 流向页面,还可以从页面流向data。

      注:1) 双向绑定一般都应用在表单类元素上(如: input 、 select 等)

           2) v-model:value 可以简写为 v-model, 因为 v-model 默认收集的就是value 值。