Vue：v-if、v-show 差異

在這個文章當中我們會聊到 v-if、v-show 的區別，包含它們的執行方式、效能上有什麼樣的差異，想要深入了解的話就讓我們繼續看下去吧！

首先讓我們看看 v-if、v-show 在 DOM 上面的差異吧：

1
2
3
4
5
6

<div id="app">
  <p v-if="show">Cheeto's Blog</p>
  <p v-if="!show">Cheeto's Blog</p>
  <p v-show="show">Cheeto's Blog</p>
  <p v-show="!show">Cheeto's Blog</p>
</div>

Vue：props.sync

參考資料

這篇文章會介紹到 Vue 的一個語法糖 .sync，這個語法糖能夠讓我們在元件溝通上做到雙向綁定的功能，就讓我們看看是如何做到的吧！

Demo

TypeScript 從零開始：實現 ( implements )

TypeScript 是 JavaScript 的超集合，將強型別帶入 JavaSript，並提供對 ES6 的支援，而 TypeScript 由 Microsoft 開發，程式開源於 GitHub 上。

學習資源參考 TypeScript 新手指南

TypeScript 從零開始：類別 ( class )

TypeScript 是 JavaScript 的超集合，將強型別帶入 JavaSript，並提供對 ES6 的支援，而 TypeScript 由 Microsoft 開發，程式開源於 GitHub 上。

學習資源參考 TypeScript 新手指南

TypeScript 從零開始：列舉 ( Enum )

TypeScript 是 JavaScript 的超集合，將強型別帶入 JavaSript，並提供對 ES6 的支援，而 TypeScript 由 Microsoft 開發，程式開源於 GitHub 上。

學習資源參考 TypeScript 新手指南

TypeScript 從零開始：元組 ( Tuple )

TypeScript 是 JavaScript 的超集合，將強型別帶入 JavaSript，並提供對 ES6 的支援，而 TypeScript 由 Microsoft 開發，程式開源於 GitHub 上。

學習資源參考 TypeScript 新手指南

TypeScript 從零開始：字串字面量型別

TypeScript 是 JavaScript 的超集合，將強型別帶入 JavaSript，並提供對 ES6 的支援，而 TypeScript 由 Microsoft 開發，程式開源於 GitHub 上。

學習資源參考 TypeScript 新手指南

TypeScript 從零開始：函式型別

TypeScript 是 JavaScript 的超集合，將強型別帶入 JavaSript，並提供對 ES6 的支援，而 TypeScript 由 Microsoft 開發，程式開源於 GitHub 上。

學習資源參考 TypeScript 新手指南

TypeScript 從零開始：陣列型別

TypeScript 是 JavaScript 的超集合，將強型別帶入 JavaSript，並提供對 ES6 的支援，而 TypeScript 由 Microsoft 開發，程式開源於 GitHub 上。

學習資源參考 TypeScript 新手指南

TypeScript 從零開始：介面 ( interface )

TypeScript 是 JavaScript 的超集合，將強型別帶入 JavaSript，並提供對 ES6 的支援，而 TypeScript 由 Microsoft 開發，程式開源於 GitHub 上。

學習資源參考 TypeScript 新手指南