# 學習－ mounted與created的分別 >記錄日期1203 ###### tags: `vue筆記` `導師作業` ### 問題：mounted 跟 created 有甚麼分別，我甚麼時候會放東西在created裡面 甚麼放到mounted裡面 created：在模板template渲染成html或者模板編譯進路由前調用created，通常初始化某些屬性值，然後再渲染成view。資料 $data 已可取得，但 $el 屬性還未被建立。 > 總結：還沒進路由，還沒渲染html的時候，並需要初始化屬性值，使用created，理解成進入這一個頁面時，設計一些function來初始化。並且抓不到el值 mounted:已完成模板已經渲染或el對應html渲染後，初始化頁面完成後，再對html的dom節點進行一些需要的操作，元素已掛載， $el 被建立。 >總結：模板跟初始化都結束後，才用mounted對dom節點操作，要對DOM動作都放在mounted 跟著google得到的範例做做看 https://codepen.io/kaworu0108/pen/wvBvLKN 讀到不錯的文章 http://blog.tonycube.com/2017/04/vuejs-8-lifecycle.html 可用的練習外掛：https://codesandbox.io/s/vue-vue --- ### 延伸問題：假設現在你需要加jquery的datepicker進vue並包成一個datepicker component，要在哪裡及怎樣把listener掛好呢？