第二个问题，使用vue2，实现点击详情页的加入购物车跳转购物车详情页

首先，你需要在Vue组件中定义一个点击事件，该事件会调用一个函数，该函数将商品添加到购物车，并使用Vue Router将用户导航到购物车详情页。

HTML模板代码：

<template>
  <div>
    <h2>{{ product.title }}</h2>
    <p>{{ product.description }}</p>
    <button @click="addToCart">加入购物车</button>
  </div>
</template>

在Vue组件中，你需要定义一个`addToCart`函数，该函数将商品添加到购物车中，然后使用Vue Router将用户导航到购物车详情页。

JavaScript代码：

import { mapActions } from 'vuex'
import router from '@/router'

export default {
  name: 'ProductDetail',
  props: {
    product: {
      type: Object,
      required: true
    }
  },
  methods: {
    ...mapActions(['addToCart']),
    addToCart() {
      this.addToCart(this.product)
      router.push('/cart')
    }
  }
}

在这个例子中，我们使用了Vuex来管理购物车的状态，并使用了Vue Router来导航到购物车详情页。`addToCart`函数使用了`mapActions`帮助函数来映射`addToCart` Vuex action。当用户点击“加入购物车”按钮时，`addToCart`函数将商品添加到购物车中，并使用`router.push`方法将用户导航到购物车详情页。

请注意，你需要在Vue组件中导入Vue Router，并且你需要在Vue Router中定义一个名为`/cart`的路由，用于显示购物车详情页。