前面幾天都是在做 data 內容渲染到畫面，今天來學習如何互動。 要互動的話就是用 vue 提供的 v-on 我們來看一下官房文件寫了他的用法是什麼： 由此可知 v-on 跟 addEventLis...
部落格同步刊登 [IT 鐵人賽] VueJS 快速入門 Day 1 VueJS 算是最近比較熱門的項目之一，官方文件也相對齊全。我們這裡要看的目前還是以 VueJS 2.x 的版本為主，提供一個簡...
部落格同步刊登 [IT 鐵人賽] Vue 從前端到後端 Day 0 上次參加好像是 2014 年，然後我寫到第二篇就超過時間，索性直接放棄（欸）。不過，由於 Famo.us 也莫名的退流行（等等，...
我們在寫 vue 應用程式的時候它 data 這個屬性裡面是可以放 Json、陣列、物件等等的資料結構，通常這些資料結構都會很常用到 for loop 或 if statement 來做資料的存取及篩...
v-bind 是拿來更新 HTML 上面的屬性來使用，直接看範例： <div id="app"> <a href="link">G...
在說 MVVM 之前先介紹一下 MVC，MVC 本身也是一個經典的 web 開發架構，現在很多的開發架構就是用 MVC ，MVC 包含了前後端。 這邊 MVC 分別為 view、controller...
這裡我們先了大概了解 MVVM 這個東東是什麼概念，明天會詳細的做學習。 我們看到 vue 文件裡有提到 vue 其實不完全是 MVVM 的架構，它只是受到 MVVM 的啟發，那 MVVM 是有哪些單...
應用程式建立 選擇 instant.html 並往下到註解練習開始。 我們一開始會使用一個 div 並把程式的資料顯示 div 中。 //顯示在 div 中 <div> </div...
在撰寫 Vue 之前先講講會用到的工具吧！！！ 編輯器 Vs code vscode 插件 Preview on Web Server vue Vue 2 Snippets chrome 插件 Vu...
我在挑選學習框架的時候，其實是想學 React 的，但是看了很多人說 React 的學習成本較高，所以想說框架還是先從 Vue 開始比較好！ 那在那麼在框架大戰中該學誰，可以看我整理的資訊來去判斷未來...