vue.js 的 css 加载问题

[astome]

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

<style scoped=""> @import "../../assets/styles/act061118.min_af85472.css" </style>

[xing393939]

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

[astome]

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

[Arrowing]

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

[DualWield]

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

[coo]

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

[pathen]

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

[astome]

@pathen 说的有道理

[astome]

@DualWield 谢谢大神

[xmflswood]

<style scoped src="../../assets/styles/act061118.min_af85472.css"></style>

[Trim21]

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