vue如何配置路由 vue如何配置路由规则

主机教程 建站分享 2年前 (2022-12-05) 170次浏览

文章摘要:vue如何配置路由 vue如何配置路由规则

在vue中配置路由的方法:1.新建项目,引入vue和vue-router;2.使用Vue.use方法注册路由; […]

在vue中配置路由的方法:1.新建项目,引入vue和vue-router;2.使用Vue.use方法注册路由;3.执行代码配置路由;

具体步骤如下:

1.首先,在新建一个html项目,并在项目中引入vue和vue-router;

import Vue from 'vue'

import Router from 'vue-router'

2.vue和vue-router引入好后,在项目中使用Vue.use方法注册路由;

Vue.use(Router)

3.最后,路由注册好后,在页面中执行以下代码即可配置路由;

export default new Router({

routes: [

{

path : ‘/’,

name : ‘Home’,

component : Home

},

{

path : ‘/content’,

name : ‘Content’,

component : Content

}

],

mode: "history"

})


声明:
若非注明,本站文章源于互联网收集整理和网友分享发布,如有侵权,请联系站长处理。
文章名称:vue如何配置路由 vue如何配置路由规则
文章链接:http://www.7966.org/post/11197.html
转载请注明出处

喜欢 (0)