在Vue中配置路由分为5个步骤,分别是:
1.安装
npminstall--saveVue-Router
2.引用
importVueRouterfrom'Vue-Router'
3.配置路由文件
varrouter = newVueRouter({
routes: [
{
path: "/hello",
component: HelloWorld
},
{
path: "/wen",
component: HelloWen
newVue({
el:'#app',
components: { App },
router,
template:'<App/>'
})
4,视图加载的位置
默认App.Vue文件中加
默认App.Vue文件中加 <router-view></router-view>
5,跳转导航
<router-linkto=/hello >helloword</router-link>(渲染出来的是a标签)