码迷,mamicode.com
首页 > 其他好文 > 详细

Vue的router使用

时间:2018-06-08 00:51:14      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:temp   outer   col   use   new   name   script   class   color   

<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使用

标签:temp   outer   col   use   new   name   script   class   color   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!