圖片中以:

"綠匡" >> 代表component元件

"藍匡" >> 代表需要依賴data的元素(目前沒有涵蓋頁面內隱藏Modal所用的資料)


  1. 註冊頁 - SignUp (path: '/signup')

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/db9d070a-8339-4061-8d28-a6ecfaf7cf11/1.png


    1. data:

    2. components:


    3. apis:

      // sign up
      POST('api/signup', payLoad)
      	payLoad: {
      		account, // 使用者帳號
      		name, // 使用者名稱
      		email, // 使用者email
      		password, // 使用者密碼
      		passwordCheck // 使用者密碼確認
      	}
      

  2. 個人資料設定 - Setting (path: '/setting')

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/407dea65-b96a-4f2d-bad9-2be4f01c0be7/2.png


    1. data:

      currentUser: {
      account, // 當前使用者帳號
      name, // 當前使用者名稱
      email // 當前使用者email
      }
      
    2. components:

      |

      Navbar.vue — Tweeting.vue

      |

      PageHead.vue


    3. apis:

      // setting
      PUT(`api/users/${userId}`, payLoad)
      	payLoad: {
      		account, // 使用者帳號
      		name, // 使用者名稱
      		email, // 使用者email
      		password, // 使用者密碼
      		passwordCheck // 使用者密碼確認
      	}
      

  3. 前台登入頁 - SignIn (path: '/signin' , '/')

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a8f817d6-ae72-4def-84ee-582e2d65d54a/3.png


    1. data:

    2. components: