用Vue.js做個記帳本

之前想學一下vue.js,就想了一個例子自己做,邊做邊學,於是就想到做個記帳本,因為自己也可能用到,而且很需要前端操作的應用

這是我邊做邊用youtube直播錄製的影片清單→https://www.youtube.com/watch?v=Ip_LeHRM0f0&list=PLhBnGq5JifbaMS143E9dvIvzCbLTN8aJZ

Demo網址→https://jsbin.com/masunigayu/edit?html,js,output

完整程式碼→https://gist.github.com/anonymous/91ffbe2112e49361e2d75988dd3dda07

做完後會對這個框架運行的流程,跟組件之間參數的傳遞,會有比較深刻的了解

不然文件翻一翻,看一看其實也不見得真的了解

做這支程式卡最久的是在js陣列的複製

我那時候才知道原來js的push函數,不是把陣列物件複製到新的陣列,只是參考而已,所以改動新的陣列,舊的也會跟著變,有關這方面在js有個專有名詞,叫做深度複製(Deep Copy),就是會把所有的父物件全都複製,或者只是單純的參考,這個網站有說明→http://larry850806.github.io/2016/09/20/shallow-vs-deep-copy/

 

Leave a Reply

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *