vue怎么访问路由

本篇内容主要讲解“vue怎么访问路由”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“vue怎么访问路由”吧!

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即可访问路由。

Vue的优点

Vue具体轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快等优势，Vue中页面使用的是局部刷新，不用每次跳转页面都要请求所有数据和dom，可以大大提升访问速度和用户体验。

到此，相信大家对“vue怎么访问路由”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！