vue 中 style 标签中的 scoped 属性(作用域)和 lang 属性的介绍
2023-09-11 14:14:57 时间
阅读目录
1、 什么是 CSS 预处理器
CSS 预处理器用一种专门的编程语言,进行 Web 页面样式设计,然后再编译成正常的 CSS 文件,以供项目使用。
CSS 预处理器为 CSS 增加一些编程的特性,无需考虑浏览器的兼容性问题。CSS预处理语言有SCSS (SASS) 和LESS等等,总之都是用来实现样式的。
2、lang
因此 lang 的属性可选:scss(sass)、less 等等。
3、scss 和 sass 的区别
scss 是 sass 的一个升级版本,两者都是用来实现样式的,只是语法有各自的不同点。
注明:使用这个lang的属性需要安装scss(sass)
4、scoped属性
scoped 是指定样式的局部作用域。
在 vue 中:
App.vue 相当于根容器,不设置 scoped。
所以一般在App.vue中引用公共样式。
而在其它.vue页面中用scoped,代表当前样式只作用于当前.vue页面。
不作用于其它.vue页面。
相关文章
- Vue笔记:安装配置node.js及使用vue-cli创建项目
- vue.js入门(五,组件更新,计算属性,watch监听)
- vue生成路由实例
- Vue computed属性
- Vue自定义组件插入值
- vuex结合vue-cookies的使用
- [Vue @Component] Define Props on a Vue Class with vue-property-decorator
- vue3:子组件向父组件发送数据(vue@3.2.26)
- Vue入门教程:node安装vue命令行工具及启动项目
- SAP Spartacus 支持 Vue 吗?
- vue-router路由的安装、配置、具体用法和Vue-router学习笔记
- vue项目报错:migrating.js?2bb5:56 [Element Migrating][ElInput][Event]: click is removed.
- vue:export default 和 export 区别(difference between Vue 'export default' and 'new Vue')
- Vue学习之--------消息订阅和发布、基础知识和实战应用(2022/8/24)
- vscode自定义vue模板代码
- Vue组件库新增的prop属性类型是Object或者Array时默认值的设置
- Vue、Vuejs从入门到精通 | vue-router详解
- vue中计算属性和侦听属性
- 说说Vue-Router和Vue组件中的name属性的使用区别
- Vue.js 计算属性
- Vue:第一个vue-cli项目
- Vue基本语法