vue3单文件组件中style特性的示例分析
发表于:2024-10-04 作者:千家信息网编辑
千家信息网最后更新 2024年10月04日,这篇文章将为大家详细讲解有关vue3单文件组件中style特性的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。style scoped需要注意的有:样式不会
千家信息网最后更新 2024年10月04日vue3单文件组件中style特性的示例分析style scoped
style module
这篇文章将为大家详细讲解有关vue3单文件组件中style特性的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
style scoped
需要注意的有:
样式不会影响到其他组件,只会在当前组件生效。
子组件的根元素会同时 受父组件的作用域样式,和子组件的作用域样式影响. 这样做的目的是让父组件可以调整子组件的布局。
存在3个特殊的选择器:
1. 深度选择器:可以影响到子组件. 使用伪类 => :deep(cls: 影响的选择器)
.a :deep(.b) { ... }
2. 插槽选择器: 可以影响到插槽内容的样式。使用伪类 => :slotted(选择器)
:slloted(.a) { ... }
3. 全局选择器: 是样式影响到全局。 使用伪类 => :global(选择器)
:slloted(.a) { ... }
scoped style 可以和 style同时存在
style module
style 标签中带有 module。其样式和 style scoped一样只能作用域于当前组件。
此方式会将css 编译为 css modules.且暴露给组件$styles对象来使用css样式
This should be red
可以给module赋值来自定义暴露的对象名称
This should be red
在组合式api中可以使用 useCssModule() api来使用cssModule.
// 默认, 返回
关于"vue3单文件组件中style特性的示例分析"这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
组件
样式
选择
影响
作用
篇文章
文件
特性
示例
分析
全局
内容
动态
同时
对象
更多
来使
状态
插槽
不错
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
专业网络技术分类设计
武汉欧斯通互联网科技
互联网平台科技
计算机网络技术有没有必要升本
重庆财务软件开发代码
数据库 cat
数据库投影的指令
戴尔2u服务器支持4路
中科院信工所网络安全
数据库系统双向审计指什么
浦东新区无线网络技术费用
软件开发群买什么
Java怎么实现查数据库表
企业如何增强网络安全防范意识
网络安全适用人群
上海办公系统软件开发价位
宝塔配置ACC数据库
普法宣传网络安全法规定
重庆合川免费生鲜软件开发
连城县新南软件开发有限公司
华为手机网络安全服务
outline服务器安全吗
软件开发团队工具
软件开发的两种编程语言
企业如何增强网络安全防范意识
炸服务器的人都被查出来吗
定制灯具用什么软件开发客户
软件开发计算机学习
深蓝科技网络技术有限公司
河北数据库空投箱行业