首页 > 其他 > 详细

Vue的router使用

时间:2018-06-07 23:47:08      阅读:196      评论:0      收藏:0      [点我收藏+]
<div id="app">
    <router-link  to="/home">home</router-link>
    <router-link  to="/list">list</router-link>
    <router-link  to="/user">user</router-link>

    <router-view></router-view>
</div>
<script>
    let router = new VueRouter({
        routes:[
            {
                path: ‘/home‘,
                name: ‘Home‘,
                component: {
                    template:‘<div>home</div>‘
                },
            },
            {
                path: ‘/list‘,
                name: ‘List‘,
                component: {
                    template: ‘<div>list</div>‘
                }
            },
            {
                path: ‘/user‘,
                name:‘User‘,
                component: {
                    template: ‘<div>user</div>‘
                }
            }
        ]
    });
    let app = new Vue({
        el:‘#app‘,
        router,
    })
</script>

 

Vue的router使用

原文:https://www.cnblogs.com/l8l8/p/9153212.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!