vue点击按钮怎么跳转图片_vue-router组件里面点击一个按钮跳转到一个新的组件该怎么实现...

展开全部

直接修改地址栏中的路由地址即可：

{ {msg}}

var testLogin = Vue.component("login",{

template:`

这是我的登录页面

`

})

var testRegister = Vue.component("register",{

template:`

这是我的注册页面

`

})

//配置路由词典

//对象数组

const  myRoutes =[

//当路由地址：地址栏中的那个路径是myLogin访问组件

//组件是作为标签来用的所以不能直接在component后面使用

//要用返回值

//path:''指定地址栏为空：默认为Login页面

{path:'',component:testLogin},

{path:'/myLogin',component:testLogin},

{path:'/myRegister',component:testRegister}

]

const myRouter = new VueRouter({

//myRoutes可以直接用上面的数组替换

routes:myRoutes

})

new Vue({