学习vue第五天-vue指令

模板语法：
显示普通文本：{{ js变量 }}
js表达式：
{{ js变量.split(’’).reverse().join(’’) }}
{{ result>0? ‘YES’:‘NO’ }}
富文本(HTML)：指定标签属性v-html=“rawHtml”

【指令是带有v-前缀的特殊属性】
v-bind：绑定数据，作用：响应式地更新HTML属性。
v-model：双向绑定
v-on：绑定事件
v-if/v-else：条件判断
v-for：循环
v-show：元素的显示与隐藏
v-html：富文本显示
v-text：普通文本显示

v-bind设置class：当满足条件时，显示css。

1.对象语法


2.数组语法

v-bind设置style

1.对象语法
v-bind:style="{ color:’#00f’, fontSize:12+‘px’ }"
2.数组语法
v-bind:style="[{color:’#00f’},{border:‘1px solid #f00’}]"
3.支持浏览器适配(默认自动适配)