【Vue3 从入门到实战 进阶式掌握完整知识体系】005-Vue语法基础:样式绑定语法

5、样式绑定语法

通过动态绑定 class 属性来控制样式的展示





  
  
  
  hello vue
  
  
  
  



  

运行结果

image-20210612183246615.png

通过 class 对象来控制样式的展示





  
  
  
  hello vue
  
  
  
  



  

运行结果

image-20210612183628462.png

通过 class 数组来控制样式的展示





  
  
  
  hello vue
  
  
  
  



  

运行结果

image-20210612183941302.png

控制子组件样式的展示





  
  
  
  hello vue
  
  
  
  



  

运行结果

image-20210612185307663.png

demo3问题解决





  
  
  
  hello vue
  
  
  
  



  

运行结果

image-20210612185620777.png

动态绑定样式内容





  
  
  
  hello vue
  
  



  

运行结果

image-20210612193559561.png

你可能感兴趣的:(【Vue3 从入门到实战 进阶式掌握完整知识体系】005-Vue语法基础:样式绑定语法)