四川科隆建设有限公司网站,网站网页制作图片素材,苏州网络公司排行,建站下载专用网站文章目录1、安装2、配置路由3、修改App.vue4、使用1、安装
npm install vue-router2、配置路由
#x1f4d6;在自己工程目录src下新建一个文件夹router#xff0c;然后新建js文件index.js#xff0c;并加入以下内容#xff1a;
在constantRouterMap 里面加路由就行…
文章目录1、安装2、配置路由3、修改App.vue4、使用1、安装
npm install vue-router2、配置路由
在自己工程目录src下新建一个文件夹router然后新建js文件index.js并加入以下内容
在constantRouterMap 里面加路由就行你随意我不管
import Vue from vue
import Home from /views/home
import Router from vue-routerVue.use(Router)export const constantRouterMap [{path: /,component: Home,children: [{path: /, component: () import(/views/home)},]}
]const router new Router({routes: constantRouterMap
})export default router3、修改App.vue
主要是在 div idapp中加上router-view/
templatediv idapprouter-view/ /div
/template
scriptexport default {name: App}
/scriptstyle/style4、使用
来到入口文件main.js中将自己的路由加入到Vue实列中
import Vue from vue
import App from ./App.vue
import router from ./router//看这儿这个是自己定义的路由路径别写错了Vue.config.productionTip false
new Vue({router,//看这儿render: h h(App),
}).$mount(#app)
一个字巴适
