技術 Day.9 Vue3 介紹 Part 4

Template Template 的部分，Vue 3 跟 Vue 2 在關防文件上除了排序與樣式的不同，內容幾乎不變，因此這部分可以預測為完全不需要改動。...

技術 vue3 Composition API 學習手冊-7 清單渲染

看過前幾篇文章的朋友應該會發現，我們開頭的範例都非常類似，一個下拉選單可以更改頁面中的值，今天也不例外，但要透過框架強化的項目會有所不同。 在案例中，我們的下拉...

技術 Day.8 Vue3 介紹 Part 3

這篇主要給 Plugin 開發者 ~ 由於特定的全域 API 已經變成開放 APIs，因此如果插件有使用到化也要做相對應的修改： // before v3 co...

技術 vue3 Composition API 學習手冊-6 雙向資料綁定

在之前的範例掩飾中，我們透過一個下拉式選單更改後來改變網頁中的值，實現的方法有兩種： 不使用框架，透過Script進行資料更新與畫面更新 使用vue框架，透過...

技術 Day.7 Vue3 介紹 Part 2

今天介紹 Vue 3 的一項優化：Global API Treeshaking Vue 2 有些全域 API 例如 Vue.nextTick、Vue.set這些...

技術 vue3 Composition API 學習手冊-5 事件 修飾符

上一篇文章提到了Vue結合了事件上的用法，這篇文章來加強一下事件上的使用： 事件修飾符 事件修飾符在vue裡面也是極為好用，透過下面這個範例來說明： <...

技術 Day.6 Vue3 介紹 Part 1

第一個差異是 Vue 實例的建立方式在 v2 大家通過 new Vue 建立根實例，而 v3 改為使用 createApp import { createApp...

技術 Day.5 令人期待的 Vuejs 3

我第一個使用的 MVVP 框架是 Angular還記得第一次使用 ng-model 的時候，真的是令人驚艷!!後來忘記是什麼契機，看到了 Vuejs，試用過後覺...

技術 vue3 Composition API 學習手冊-4 事件

接續昨天的範例，我們透過下拉式選單來改變vue中的資料，視圖就會跟著連動改變，這部分是透過Javascript原生的事件去觸發函數來執行，也是在網頁中常見的動作...

技術 vue3 Composition API 學習手冊-3 起手式

上一篇文章介紹過了選擇使用前端框架的因素，若你的專案符合使用他的條件，或是你現在正在找一份前端工程師的工作，那認識框架就變成勢在必行的功課了，我們選擇介紹的前端...

技術 vue3 Composition API 學習手冊-2 Virtual DOM所帶來的好處

前一篇文章提到，其實並不是每一個專案都適合使用框架進行開發，應當是了解框架能夠帶來的優點後，在針對自己常接觸的專案進行評估導入，像我身邊許多朋友做的是中、小企業...

技術 vue3 Composition API 學習手冊-1 框架的選擇與導入

在撰寫這篇文章的時候vue 3已經來到了RC9的階段，雖然說可能與正式推出會有差距，但理論上差異應該不會太大，而本系列的文章也不是站在“升級”的角度來進行介紹，...