猿问

vue.js怎么用路由跳转页面

vue.js怎么用路由跳转页面


UYOU
浏览 587回答 1
1回答

繁星coding

vue.js路由使用方法:vue1.0的方法1234567891011<html><a&nbsp;href="#"&nbsp;v-link="{path:'/login'}">登陆</a><router-view></router-view>//内容显示的<script>//1、准备一个根组件var&nbsp;App&nbsp;=&nbsp;Vue.extend();//2、准备组件var&nbsp;Login&nbsp;=&nbsp;Vue.extend({template:{<h3>登陆页面</h3>}});//3、准备路由&nbsp;12345678910var&nbsp;router&nbsp;=&nbsp;new&nbsp;vueRouter();//4、关联组件和路径router.map({'login':{component:Login&nbsp;&nbsp;&nbsp;//组件名称}});//5、启动路由router.start(App,'#box');//6、默认跳转页面(不是必须)&nbsp;123router.redirect({'/':'login'});</script></html>&nbsp;
随时随地看视频慕课网APP

相关分类

Vue.js
我要回答