Vue的router使用

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

猜你喜欢

转载自www.cnblogs.com/l8l8/p/9153212.html