vue的命令的使用(三)

71 阅读1分钟

v-text和v-html

作用:都可以设置标签显示的内容

语法:v-html='变量值'; v-text='变量值';

区别:v-text把数据变成字符串,而 v-html把数据的标签也给解析

image.png

注意:使用两者会覆盖插值表达式

v-if和v-show

作用:控制标签的隐藏或出现

语法:v-show="Vue变量" ;v-if="Vue变量"

区别:v-show 用的display:none隐藏(频繁切换使用) ;v-if 直接从dom里面杀(删)了

拓展:v-if和v-else有联动使用

image.png

动态class和动态style

作用:标签动态设置一个类名

语法 :class="{类名: 布尔值}"

image.png

作用:style属性赋vue变量呢

语法::style="{css属性名: 值}"

image.png

拓展:样式如果有连字符-可以写成以下两种写法 -->

**加单引号'font-size': '100px' **

小驼峰写法 fontSize: '50px'