tags: Vue.js ItIron2020 前言 我們在昨天的文章中簡單介紹了vue.js以及如何利用線上編輯器打造你最初的vue.js專案，其中我們知道你可以利用Vue實體(instance)中...
拍謝今天比較 tired 所以更新比較 less la，開頭補一下這句 XD。 廢話不多說用 CLI 先終端機執行 npm install -g @vue/cli 結束後先去一個空資料夾，像我是建了一...
接續昨天的範例，我們透過下拉式選單來改變vue中的資料，視圖就會跟著連動改變，這部分是透過Javascript原生的事件去觸發函數來執行，也是在網頁中常見的動作，今天我們來看看這樣的動作在vue裡面的...
上一篇文章介紹過了選擇使用前端框架的因素，若你的專案符合使用他的條件，或是你現在正在找一份前端工程師的工作，那認識框架就變成勢在必行的功課了，我們選擇介紹的前端框架是在進幾年使用者快速成長的vue.j...
今天介紹一些 v-model 在 v3 一些改動以及新特性 v-model 搭配 Computed 使用 這個範例只有在 Vue 3 的文件中出現不過看起來 Vue 2 也可以用一樣的概念來處理相同邏...
Event 重點新特性：多事件監聽者現在可以同時掛多個事件監聽者，如下： <button @click="one($event), two($event)"> Su...
Template Template 的部分，Vue 3 跟 Vue 2 在關防文件上除了排序與樣式的不同，內容幾乎不變，因此這部分可以預測為完全不需要改動。 請注意，有些第三方插件有時會提供一些便捷...
我朝思暮想想了又想~ 覺得這個project可以先暫訂拿來做一個小部落格的樣子，而再開發一個部落格時候，我們可以有小到大去開發! 甚麼意思? 就是說部落格應該有類似這樣的架構: 各類文章類別 -&g...
這篇主要給 Plugin 開發者 ~ 由於特定的全域 API 已經變成開放 APIs，因此如果插件有使用到化也要做相對應的修改： // before v3 const plugin = { ins...
今天介紹 Vue 3 的一項優化：Global API Treeshaking Vue 2 有些全域 API 例如 Vue.nextTick、Vue.set這些 API 由於是全域性註冊在 Vue c...