1个回答
展开全部
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 > |
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询