vue两个页面样式一样,如何引用另一个组件样式

在vue中,我的问题是两个页面一样的样式,我写过一套样式代码了,在另一个 .vue 文件中,如何引入另一个 .vue 中的样式???

阅读 7.4k
3 个回答

你可以写一样的类名,然后只要一个页面有样式,另一个页面相同的类也可以渲染样式——因为我看到你是说的.vue,所以我猜你是搭建的脚手架环境开发而非单页面CDN方式。这种环境下每个.vue页面其实可以看成是一个块,一个完整的vue项目是由多个块拼成的。那么按照html的渲染流程可知,只要在当前页面上定义的类都样式,每个块都能被渲染。你唯一需要考虑的是哪个块的样式先加载上,这样另一个块才能获取它的样式,否则将失效:假设你在a.vue总定义了一个.btn的样式类,那么在a.vue加载后,在加载b.vue页面,而b.vue页面中的.btn类都能够渲染到。反之则不行。

当然,一般还是采用引入公共样式的方式更合理

就是在一个 .vue 文件引用另一个 .vue 文件中的样式

// stylus 例子,less和sass的不清楚 ~·~
// 实在不行,也可以写到公共样式里面
<style lang="stylus" rel="stylesheet/stylus">
@import "../../src/styl/dev-animate.styl"
</style>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题