Vue的模板语法
1.3.模板语法1.3.1效果第一大类是插值语法:把指定的值放入指定的位置插值语法往往是用于指定标签体内容(起始标签和结束标签中间所夹着的内容就是一个标签体)第二大类是指令语法:固定的写法: <h></h>v-bind:是绑定的意思,它可以给所有的任何一个标签属性动态的去绑定值简写:v-bind: ====> :指令语法管理标签属性总结:Vue模板语法有2大类:插值语
·
1.3.模板语法
1.3.1效果
- 第一大类是插值语法:把指定的值放入指定的位置
- 插值语法往往是用于指定标签体内容(起始标签和结束标签中间所夹着的内容就是一个标签体)
- 第二大类是指令语法:固定的写法: <h></h>
- v-bind:是绑定的 意思,它可以给所有的任何一个标签属性动态的去绑定值
- 简写:v-bind: ====> :
- 指令语法管理标签属性
总结:
Vue模板语法有2大类:
- 插值语法:
功能:用于解析标签体内容;
写法:{{xxx}},xxx是js表达式,且可以直接读取到data中的所有属性.
2. 指令语法:
功能:用于解析标签(包括:标签属性、标签体内容、绑定事件...)
举例:v-bind:href="xxx" 或 简写为 :href="xxx",xxx同样要写js表达式,且可以直接读取到data中的所有属性
备注:Vue中有很多的指令,且形式都是: v-????,此处我们只是拿v-bind举个例子
更多推荐
已为社区贡献1条内容
所有评论(0)