v-text和v-html
作用:都可以设置标签显示的内容
语法:v-html='变量值'; v-text='变量值';
区别:v-text把数据变成字符串,而 v-html把数据的标签也给解析了
注意:使用两者会覆盖插值表达式
v-if和v-show
作用:控制标签的隐藏或出现
语法:v-show="Vue变量" ;v-if="Vue变量"
区别:v-show 用的display:none隐藏(频繁切换使用) ;v-if 直接从dom里面杀(删)了
拓展:v-if和v-else有联动使用
动态class和动态style
作用:标签动态设置一个类名
语法 :class="{类名: 布尔值}"
作用:style属性赋vue变量呢
语法::style="{css属性名: 值}"
拓展:样式如果有连字符-可以写成以下两种写法 -->
**加单引号'font-size': '100px' **
小驼峰写法 fontSize: '50px'