之前代码路由如下

{
        path: '/shop',
        component: Shop,
        children: [
            {
                path: '/shop/shop1',
                component: S1
            },
            {
                path: '/shop/Shop2',
                component: s2
            },
            {
                path: '',
                redirect: '/shop'
            }
        ]
    }

因为是vue-router报错，所以我直接就去路由配置看
由于我想要跳转到路由’ /shop’ 时 不小心在子路由设置默认显示shop
导致而我又在子路由中设置如下代码，

{
            path: '',
            redirect: '/shop'
}  //  只要地址在主路由中输入什么都跳转到/shop

**这样就导致，导致我在 /index页面 跳转到 /shop 页面时就会出现a标签的冒泡事件
所以这里设置默认子路由为别的路由**

    {
                path: ' ',
                redirect: '/shop/s1'
            } 

问题就解决了
最后个人感觉js的基本功还得多学学