閱讀前，建議可以參考Day1：閱讀指南＆為何選擇這個題目？

▌挑戰簡介

• 題目：三十天用Vue.jS打造一個網路商城

• 挑戰內容：利用慕課網（IMOOC）的「Vue2.0+Node.js+MongoDB 全棧打造商城系統」＆六角學院的「Vue出一個電商網站」的課程嘗試在30天內打造網路商城。

• 本篇性質：純粹學習進度的紀錄，不會有詳細的教學或解釋，因此不適合認真閱讀

設定

• 在export default下面的methods放method
• <a href="#" @click.prevent="updatePath" >去card1 調用方法
• @click.prevent記得使用prevent

跳轉路徑的方法Methods

• this.$router.push() //去到想要的路徑
• this.$router.back() //回到上一頁
• this.$router.go() //go()裡面是1or -1（回到上一頁）
• this.$router.replace() //不留紀錄的拜訪路徑

<div>
    <a href="#" @click.prevent="updatePath" >/前往CARD1</a>
    <a href="#" @click.prevent="replacee" >/偷偷前往CARD1</a>
    <a href="#" @click.prevent="back" >/回上一頁</a>
</div>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    updatePath() {
      this.$router.push("/card_index/card1");
    },
    back() {
      this.$router.back();
    },
    replacee() {
      this.$router.replace("/card_index/card1");
    }
  }
};
</script>