vue 路由index.js是怎么起作用的
2个回答
展开全部
vue.js路由使用方法：vue1.0的方法
<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、准备路由
var router = new vueRouter();//4、关联组件和路径router.map({'login':{component:Login //组件名称}});//5、启动路由router.start(App,'#box');//6、默认跳转页面（不是必须）
router.redirect({'/':'login'});</script></html>
<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、准备路由
var router = new vueRouter();//4、关联组件和路径router.map({'login':{component:Login //组件名称}});//5、启动路由router.start(App,'#box');//6、默认跳转页面（不是必须）
router.redirect({'/':'login'});</script></html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
