---
tags: Vue 直播班 - 2021 夏季班
---

# 5/31 線上 Slack 助教

## 今日助教輪班時間

hsin-yu：5/31 (一)
回覆時間：下午 1:00 -下午 4:00

## 發問規範

老師助教同學們好，**這是我的 Codepen**，我**原本預期**「JS 第 8 行會出現數字 8」，**但卻出現**「預期外的結果是 0」，想問下問題出在哪裡？

## 注意

1. 請各位先到 Slack 上將問題放在助教服務內的 thread，如圖
2. 遵循以上的發問規範以便助教查看問題，不可直接貼上網址而沒有說明文字或者只提供截圖
3. 助教會依照 Slack 上的順序回覆問題
4. 以下問題區塊只能由助教自行增加
5. 助教會將回覆寫在下方問題區塊

## 問題

1. Jordan_Tseng：
老師助教同學們好，這是我的[扣](https://github.com/Jordan-TTC-Design/2021-vue-hw/tree/main/week4)，因為我看老師的modal子元件是直接使用傳進來的元件，我想說這樣不是因為傳參考的問題？我想複製一份下來，但是好像因為內元件一開始綁定時就是原本外元件的空白temProduct，直到我改用updated才成功。不知道有沒有其他正確做法
> 老師回覆： 這個問題很棒，是第五週的課程介紹勒 :laughing:
會使用 watch 解決此問題

> 老師回覆：目前每週的進度是漸進式的
如果要先挑戰，也可以先看影音課程的 watch 章節
用此觀念來監聽 props 即可

我在把列表也拆成元件時就是有點迷茫說哪些方法要拆進元件裡？不知道老師下次能否講解一些方法判別哪些情況放外面好或是放進內層好。
> 老師回覆：可以的，下次補充下

---

2. 獵人
助教老師好，第四周 - 產品頁面作業問題：
1.刪除頁面的props可以取到tempProduct，頁面也顯示正常。
2.但編輯頁面的props卻取不到tempProduct，頁面也沒有顯示對應內容。
問題頁面：admin.html (70行)、admin.js (81到91行)。
請問問題是在哪，謝謝~
[admin.html](https://github.com/tyrieleasyuse/hexschool/blob/main/Vue%E7%9B%B4%E6%92%AD%E7%8F%A[…]9C%E6%A5%AD(%E4%BD%BF%E7%94%A8Vue%E5%85%83%E4%BB%B6)/admin.html)
[admin.js](https://github.com/tyrieleasyuse/hexschool/blob/main/Vue%E7%9B%B4%E6%92%AD%E7%8F%A[…]D%9C%E6%A5%AD(%E4%BD%BF%E7%94%A8Vue%E5%85%83%E4%BB%B6)/admin.js)
[Github](https://tyrieleasyuse.github.io/hexschool/Vue%E7%9B%B4%E6%92%AD%E7%8F%AD/6.%E7%AC%AC%E5%[…]A5%AD(%E4%BD%BF%E7%94%A8Vue%E5%85%83%E4%BB%B6)/index.html)

> 助教回覆：可以試試看把 props 的 [Prodcut](https://github.com/tyrieleasyuse/hexschool/blob/main/Vue%E7%9B%B4%E6%92%AD%E7%8F%AD/6.%E7%AC%AC%E5%9B%9B%E5%91%A8%E4%BD%9C%E6%A5%AD(%E4%BD%BF%E7%94%A8Vue%E5%85%83%E4%BB%B6)/admin.js#L83) 和 admin.html 的 v-model="Prodcut.xxx" 改成小寫開頭 prodcut，另外需注意拼字有誤 (product)~