[面試題] vue created vs mounted 差別

vue.js vue

gior__ann 2021-12-30 11:44:40 ‧ 1517 瀏覽

想請問各位大大
vue created vs mounted 差別與應用時機

因為面試時,有問到這題
我的回答是
created 跟 mounted 都可以用來呼叫ＡＰＩ
mounted 因為已經處理好畫面（ＤＯＭ掛載完畢）,所以一些套件的使用會放在 mounted

可是問題來了

面試官：所以依據您的描述（我）,呼叫ＡＰＩ created 跟 mounted 哪個都可以？都沒差？

我...真的想不出來, 看文章確實是有兩派人馬, 兩個都有人用啊ＱＱ
可以分享您們的答案嗎？

看更多先前的討論...收起先前的討論...

froce iT邦大師 1 級 ‧ 2021-12-30 11:46:57 檢舉

https://ithelp.ithome.com.tw/questions/10206366

greenriver iT邦研究生 4 級 ‧ 2021-12-30 13:01:19 檢舉

跟我問的一樣XD

greenriver iT邦研究生 4 級 ‧ 2021-12-30 13:03:32 檢舉

現在我都放在created(因為自己喜歡XD 而且使用變數比較方便)
只有畫canvas 才會放在mounted

gior__ann iT邦新手 2 級 ‧ 2021-12-30 13:27:33 檢舉

ＱＱ所以是需要猜中對方公司的開發模式才算正解嗎？

greenriver iT邦研究生 4 級 ‧ 2022-01-03 08:18:50 檢舉

面試官應該只是想聽你闡述vue的生命週期而已吧
跟他們開發模式應該沒有關係

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

海綿寶寶

iT邦大神 1 級 ‧ 2021-12-30 12:29:06

最佳解答

Google 了兩點差別供參考：
1.先後順序：created 先、mounted 後
2.DOM 元素：created 不可存取、mounted 可存取

一般 fetch data API 寫在 created 裡(因為沒有要存取 DOM 又可早一點叫 server 執行)
若硬要寫在 mounted 裡也沒人在乎

另外再送一題有趣的延伸題：如果要「Restart」要怎麼寫

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22200 篇

完賽人數

602 人

IT邦幫忙