×
028-86922220

建站动态

根据您的个性需求进行定制 先人一步 抢占小程序红利时代

CSS也能像组件状态一样响应式更新？

大家好，我是卡颂。

创新互联专注于安陆企业网站建设,自适应网站建设,商城网站建设。安陆网站建设公司,为安陆等地区提供建站服务。全流程按需开发，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务

不知道平时在项目里你怎么处理CSS呢?

我们知道，由于原生CSS存在一些问题，比如：

社区涌现出很多解决方案，比如：

如果我们按以下三个维度评判这些方案：

会发现每个方案都有自己的优势与短板。

比如：

业界常见做法是：同时使用BEM规范(解决命名冲突问题)+ CSS预处理器。

进击的Vue CSS解决方案

我们用这三个维度分析下Vue的SFC(Single-File-Component，单文件组件)：

 
 
 
 
    
  
  
  
  
    2. 
  
  
  
  
  2. 
  
  
  
  
    4. 
  
  
  
  
  4. 
  
  
  
  
    6. 
  
  
  
  
  6.   p {
    7. 
  
  
  
  
  7.     color: #0f0;
    8. 
  
  
  
  
  8.   }
    9. 
  
  
  
  
  9.