在Vue裡面撰寫時，條件渲染的v-if & v-show在渲染上比較大的區別是：
v-if條件為true時會把內容的DOM渲染出來，條件為false時會把DOM移掉，
v-show則是一開始就先把DOM渲染出來，當條件切換時只做display: none的切換。

而有時候我們需要透過v-if來避免v-show預先渲染了不必要的資料，
但又希望v-if條件達成後就繼續保留在頁面中不被移除，這時候就可以混在一起用了:)

這個月下班跟假日幾乎都在擠時間玩六角舉辦的TheF2E挑戰，
每個禮拜要做出一個作品真的是滿ㄍㄧㄥ的，但也又重新學習到了不少東西。

目前進行到第四週，初試Grid覺得非常有趣..
心得暫時先記錄在自己挑戰的repository裡面，
希望九週的挑戰期完成後有時間來整理心得XD

GitHub：https://github.com/guahsu/TheF2E
活動連結：http://www.hexschool.com/2018/05/09/2018-05-09-the_f2e/

在local開發程式時，如果要把程式放到手機或給其他同事測試時，
除了deploy到測試server外，可以透過serveo來簡易達成！
記錄如何使用serveo自訂subdomain並分享local vue專案。

昨天在 FB 社團看到有人提問：

1
2
3
4
5
6

let arr = [
  { name: "alex", value: 10 },
  { name: "alex", value: 20 },
  { name: "tom", value: 30 },
  { name: "tom", value: 40 }
];

想變成

1
2
3
4

let arr = [
  { name: "alex", value: 10 }, 
  { name: "tom", value: 30 }
  ];

想了一陣子想到用Set&Filter來處理..

有時候從API或console印出的陣列或物件資料想存在local使用，
在chrome的開發者工具對想要儲存的對象按右鍵store as global variable，
在用copy()指令傳入剛才被儲存的變數，想存的物件就被完整複製到剪貼簿啦！

之前一直沒發現到，查了才知道有這個技巧，有時還要蠢蠢的手動複製一份XD。

參閱：Stackoverflow

想到什麼寫什麼，有點亂七八糟的紀錄。