Vue编程式导航 路由跳转 (摘自项目)

下面代码摘录商城项目

功能：客户点击首页"登录"，跳转到登录页面，引导客户登录。

实操：

　　1. 现在登录的html标签绑定事件

<span @click="loginHandler">登录</span>

 

　　2. 写事件具体操作

<script>
    export default {
        name: 'Header',
        data() {
            return {
                headerList: [
                    {id: '1', name: 'Home', title: '首页'},
                    {id: '2', name: 'Course', title: '免费课程'},
                ],
            }
        },
=============================================================
        methods: {
            loginHandler() {
                this.$router.push({
                    name:'Login'
                })
            },
        },

=============================================================
        computed: {},

    };
</script>