vue中如何访问路由 vue中的路由

文章摘要：vue中如何访问路由 vue中的路由

在vue中访问路由的方法：1.新建vue.js项目；2.使用import方法添加路由；3.使用mode:'hi […]

在vue中访问路由的方法：1.新建vue.js项目；2.使用import方法添加路由；3.使用mode:'history'去除vue访问页面时的#/；4.浏览器输入localhost:8080/myVue访问路由；

具体步骤如下：

1.首先，在vue-cli中创建一个vue.js项目；

vue create project-name

2.vue.js项目创建好后，在项目中使用import方法添加一个路由；

import myTestVue from '@/components/myTestVue'

3.路由添加好后，使用mode:'history'去除vue访问页面时的#/；

Vue.use(Router)

export default new Router({

mode:'history',

routes:[

{

path: '/',

name: 'HelloWorld',

component:HelloWorld

},

{

path: '/myVue',

name: 'myTestVue',

component:myTestVue

}

]

})

4.最后，运行项目，在浏览器中输入localhost:8080/myVue即可访问路由；