在vue中,我的问题是两个页面一样的样式,我写过一套样式代码了,在另一个 .vue 文件中,如何引入另一个 .vue 中的样式???
// stylus 例子,less和sass的不清楚 ~·~
// 实在不行,也可以写到公共样式里面
<style lang="stylus" rel="stylesheet/stylus">
@import "../../src/styl/dev-animate.styl"
</style>
9 回答1.7k 阅读✓ 已解决
6 回答1.6k 阅读
3 回答1k 阅读✓ 已解决
3 回答1.4k 阅读✓ 已解决
4 回答1.3k 阅读✓ 已解决
2 回答946 阅读✓ 已解决
3 回答1.1k 阅读
你可以写一样的类名,然后只要一个页面有样式,另一个页面相同的类也可以渲染样式——因为我看到你是说的.vue,所以我猜你是搭建的脚手架环境开发而非单页面CDN方式。这种环境下每个.vue页面其实可以看成是一个块,一个完整的vue项目是由多个块拼成的。那么按照html的渲染流程可知,只要在当前页面上定义的类都样式,每个块都能被渲染。你唯一需要考虑的是哪个块的样式先加载上,这样另一个块才能获取它的样式,否则将失效:假设你在a.vue总定义了一个.btn的样式类,那么在a.vue加载后,在加载b.vue页面,而b.vue页面中的.btn类都能够渲染到。反之则不行。
当然,一般还是采用引入公共样式的方式更合理