一、插值(数据绑定)
①绑定纯文本{{msg}}

②绑定纯html v-html

③绑定属性 v-bind

④绑定javascript表达式 {{ js表达式}}

⑤过滤器 对{{ }}中绑定的数据格式化,使用管道符 ‘ | ’

二、指令(带有v-前缀的特殊属性,当其表达式的值改变时相应地将某些行为应用到DOM上)
①参数

②修饰符

三、缩写(常用指令简写)

学好vue!
努力成为优秀的前端工程师!
一、插值(数据绑定)
①绑定纯文本{{msg}}
②绑定纯html v-html
③绑定属性 v-bind
④绑定javascript表达式 {{ js表达式}}
⑤过滤器 对{{ }}中绑定的数据格式化,使用管道符 ‘ | ’
二、指令(带有v-前缀的特殊属性,当其表达式的值改变时相应地将某些行为应用到DOM上)
①参数
②修饰符
三、缩写(常用指令简写)
学好vue!
努力成为优秀的前端工程师!
本文标题:Vue2学习笔记:vue模板语法
本文链接:https://www.haomeiwen.com/subject/nbcupttx.html
网友评论