vue3 样式新特性

一见如故

  • 全局样式(:global(选择器){})、样式穿透(:deep(选择器){})、插槽样式(:slotted(选择器){})
  • 样式属性(如:height)的值可以使用响应式数据,使用v-bind绑定

全局样式

:global(选择器){
    height: 20px;
}

样式穿透

:deep(选择器){
    height: 20px;
}

插槽样式(样式写在插槽的定义组件中)

:slotted(选择器){
    height: 20px;
}

动态样式


                    
                    

你可能感兴趣的:(VUE,API,vue.js,前端,javascript)