上篇文章太长,写的时候拖拽太麻烦,重新打开文章。使用vue-cli配合vue-router搭建一个完整的spa流程(一)在(一)中,主要页面写好了,现在三个路由页面都写好了。第一步:先贴出路由实例index.js的代码。从'vue'导入Vue从'vue-router'导入路由器从'vue-resource'导入VueResource从'@/components/showone'导入tem从'@/components/showtwo'导入tem_cont从'@/components/导入tem_errorerror'//安装插件Vue.use(Router)Vue.use(VueResource)exportdefaultnewRouter({routes:[{path:"/user/:list/:listNum",component:tem,children:[{path:"con",component:tem_cont}]},{path:"/user/error",component:tem_error}]})代码很短,我一一解释。从'vue'导入Vue从'vue-router'导入路由器从'vue-resource'导入VueResource从'@/components/showone'导入tem从'@/components/showtwo'导入tem_cont从'@/components/导入tem_errorerror'↑这里是所有用到的数据和参数的介绍。//安装插件Vue.use(Router)Vue.use(VueResource)↑这里是vue-resource,一开始没有安装,打开项目,右键打开Git,输入npminstallvue-resource--save这是一个ajax插件,使用起来比较方便简单。路线:[{路径:“/用户/:列表/:listNum”,组件:tem,孩子们:[{路径:“con”,组件:tem_cont}]},{路径:“/用户/错误”,组件:tem_error}]↑路由配置,详情页是主页面的子路由。第二部分:三路xxxx.vue文件编写Ⅰ:showone.vue先贴代码,有点复杂,慢慢解释。
