vue项目中如何封装路由呢？？

大家可能知道如果我们做一些大型的vue项目的话，可能会出现路由特别多 如果好几个模块都堆在一起呢 是不是就觉得心烦，让我来教你一种方法！====封装路由

第一步 如果你的路由很多 就比如说 模块一，模块二，模块三，我们可以找到router文件index.js文件

第二步 创建一个模块 比如说model1.js

第三步 在model1中写入你需要的路由

const model1=[
{ }
]
export default model1

第四步 可以把封装好的路由引入到index.js中

import model1 from  './model1'

温馨提示：注意文件路径哦！！！

第五步 在index.js路由中配置

export  const index =[
...model1,
{ }
]

温柔提醒：… 属于扩展运算符
展开运算符（spread operator）允许一个表达式在某处展开。展开运算符在多个参数（用于函数调用）或多个元素（用于数组字面量）或者多个变量（用于解构赋值）的地方可以使用。

展开运算符不能用在对象当中，因为目前展开运算符只能在可遍历对象（iterables）可用。iterables的实现是依靠[Symbol.iterator]函数，而目前只有Array,Set,String内置[Symbol.iterator]方法，而Object尚未内置该方法，因此无法使用展开运算符。不过ES7草案当中已经加入了对象展开运算符特性。