vue实现路由跳转的原理是什么,是调用js底层什么方法
2 回答
隔江千里
TA贡献1906条经验 获得超10个赞
vue.js路由使用方法:vue1.0的方法
1 2 3 4 5 6 7 8 9 10 11 | <html> <a href="#" v-link="{path:'/login'}">登陆</a> <router-view></router-view>//内容显示的 <script> //1、准备一个根组件 var App = Vue.extend(); //2、准备组件 var Login = Vue.extend({ template:{<h3>登陆页面</h3>} }); //3、准备路由 |
1 2 3 4 5 6 7 8 9 10 | var router = new vueRouter(); //4、关联组件和路径 router.map({ 'login':{ component:Login //组件名称 } }); //5、启动路由 router.start(App,'#box'); //6、默认跳转页面(不是必须) |
1 2 3 | router.redirect({'/':'login'}); </script> </html> |
添加回答
举报
0/150
提交
取消