vux2代码解析

最近在学习vue，后面看移动端vux组件库，自己从简单的搭建没问题，后面查看提供的https://vux.li/demos/v2/?x-page=v2-doc-home#/代码，遇到了一个难点。我们普通页面渲染都需要放入到id=‘xxx’的div或者router-view中。看官方提供的demo时没有，查看到路由配置这块。后面通过研究发现，他这块是分开的，也就是说他把需要加载的路由跟我们普通写法分开了，通过读取配置文件把路由写在main.js中，是

const routes = []

const router = new VueRouter({ // 添加各种路由

routes

})

sync(store, router)

大家把routes打印出来就可以知道他跟我们传统的写法基本一致，无非就是提取出来，方便大型项目维护。具体文件可查看vux-config.js文件中这块代码：