其中push函数是跳转新的路由,跳转后可以通过浏览器的回退功能回退到上一个路由
添加gotoCircle函数,这里我们使用push函数做演示,replace函数的传参和push一样,就不多做演示了
这里的传参与上面v-bind绑定的参数一样都是传一个对象,运行效果如下:
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>
1,angularjs有自带的返回上一页的路由,在路由里面用.state('tab.chats',{//路由名字url:'/chats',//路由地址views:{'tab-chats':{templateUrl:'templates/tab-chats.html',//跳转的页面controller:'ChatsCtrl'//控制器}}})2.比如点击物业的时候进入下一个页面,箭头是自带的,当然箭头样式需要自己调整。3.该方法是运用的ionic框架实现的,基于angularjs的方式。