Vue框架在项目开发中如何实现组件的复用？

本文共计465个文字，预计阅读时间需要2分钟。

目录：Vue CLI 3 配置 Stylus 全局变量内容：

1.在 Vue CLI 3 项目中配置 Stylus 全局变量

2.使用 Vue CLI 3 中的 Stylus 全局变量

3.在 common.styl 文件中定义常用 CSS 变量

4.避免代码重复

预期结果：在 main.js 中引入全局变量 c

目录

• vue cli3配置stylus全局变量
• vue cli3使用stylus全局变量

vue cli3配置stylus全局变量

首先在common.styl文件中写一些常用的css变量，方便全局使用，避免重复代码。

预想的是在main.js中引入common.styl文件，然后所有的.vue文件就都可以使用了。但是事与愿违，根本不起作用。

网络上有很多教程，但是都不起作用（找答案是个痛苦且漫长的过程），下面是总结的代码，基本开箱即用，希望能帮助到需要帮助的人。