vue.js 的 css 加载问题

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 2776 天前的主题，其中的信息可能已经有所发展或是发生改变。

vue 开发时 css 重叠加载导致开发过程整体项目样式错乱，大神们是怎么解决的啊用 scoped 也解决不了

10 条回复 • 2017-05-24 18:10:53 +08:00

xing393939

2017-05-24 10:50:53 +08:00

我现在觉得就不该有 scoped 这种特性的存在，要是需要不同样式不如用 class 区分

astome

2017-05-24 10:55:23 +08:00

@xing393939 组件内的 css 都有作用域的吧不然其它组件内的 css 文件相互干扰导致整体项目样式都变了

Arrowing

2017-05-24 11:03:48 +08:00

@astome 想多了，最后还是放到同一个页面里的，单组件 vue 文件也仅仅是为了开发方便而已

DualWield

2017-05-24 11:17:18 +08:00

@Arrowing scoped 的 css 虽然最后会放在同一个页面里，但是做一些处理，比如<div class="test"></div> .test { color: XXX} 会处理成 <div _v1234></div> [v_1234] { color: XXX } 所以是 scoped

coo

2017-05-24 11:49:54 +08:00

Vue 的 scoped 在有些时候与期望效果不符，还是用 class 命名来解决比较好。

pathen

2017-05-24 13:02:01 +08:00 via Android

这不是一个 scope 问题，而是工程化问题，好好捋捋代码吧

astome

2017-05-24 16:26:31 +08:00

@pathen 说的有道理

astome

2017-05-24 16:26:45 +08:00

@DualWield 谢谢大神

xmflswood

2017-05-24 18:07:27 +08:00

Trim21

2017-05-24 18:10:53 +08:00 via Android

脚手架里面是<style scoped>。。