Vue项目代码修改

本文主要是介绍Vue项目代码修改，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1.使用varibles变量文件抽取样式（stylus css预处理器）

新建styl文件

//主题色
$theme-color = #1989fa//基础颜色
//白色
$white-color =  #ffffff
//灰色
$grey-color = #DFDFDF

在vue组件中引入

@import "~styles/varibles.styl";

2.分离路由文件

随着页面的增加，路由文件行数增加到几百上千行，不利于后期维护。所以将路由根据模块分离成一个个单独文件，然后在路由主文件引入。
分离后目录如下：

commonRoutes.js

/*** 通用页面router列表*/
export default [//附件列表{path: "/fileUploadList",name: "FileUploadList",component: resolve =>require(["@/views/common/FileUploadList.vue"], resolve)}
];

路由主文件index.js

//通用页面路由文件
import commonRoutes from "./modules/commonRoutes";
const baseRout

这篇关于Vue项目代码修改的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---