如標題 (⑅•ᴗ•⑅)v-bind 可以動態綁 HTML 屬性、將資料傳遞到元素上。 幾個重點 ( 官方文件參照 ★ ) v-bind 可以直接縮寫成 「：...
Vue Data 呈現於畫面上有以下幾種方法： {{ }}：神奇的雙大括號 v-text：跟神奇大括號一樣的效果，但是寫在標籤裡 v-once：綁定的標籤只會...
JavaScript 學得差不多了，覺得應該可以開始 Vue 看看了但在 Vue 之前要先引入它 。 在引入它之前，還有幾個要下載的東西： Vue Devt...
每次寫筆記都在想要怎麼寫得讓大家(包含未來的我)看得懂，所以每次都要寫很久，但好像自己的內容有點太無聊了 XD 。 自定義事件( Custom Events )...
props 的命名及使用 HTML attribute 是大小寫不敏感的，所以必須要注意 prop 的命名跟使用。 命名 可以使用 PascalCase (首...
模組的命名 一個模組的命名關係到我們是否能快速地知道這個模組的功能是甚麼，同時可以避免跟現有的 HTML 標籤相衝突。 在Vue.js - 风格指南中， com...
Vue 的模組 - component 作用 Vue 的模組 component 是可以重複使用的 Vue 實例，所以也擁有 data、computed、wa...
回顧30天，也讓我回憶了今年從金融業被抓去做開發工程師的日子。這30天中，講述了Vue的基本介紹、性能比較，也依據Vue的特性， 實作出許多app。 當然，雖...
Vue：還記得第10天時，我們才剛認識Vue CLI，但你還記得我的介面嗎? 接著，我們試試看這個指令： npm run build 如此，產生的資料即打包嚕...
Vue：實做部落格最後一步驟，就是修改文章！上一篇已經了解如何將id生成，如此才可以做個別文章上的操作。原先，在Article頁面上，我們可以加上一個標示，讓文...
Vue：昨日，我們已將文章新增實做出來了！現在只要將文章列舉在首頁，只需要使用之前學到的v-for迴圈，即可完成！透過 v-for，將vuex中state的ar...
Vue：文章為本專案的共用資料。當許多頁面都需要用到時，這個時候使用Vuex就是最佳時機。下圖，可以看到，在其中一個元件下(Add-Article元件)新增文章...
Vue：接下來透過幾天，我們將把之前學的router、Vuex等，實現在這個專案上面。由上圖首頁，除了基本路由設定(首頁和文章)，將會以組件方式生成文章列表：文...
需要用的頁面上： import Action和 State進來 透過methods調用mapActions 透過computed調用mapState...
在別人都完成30天鐵人賽的路上，我真的是太難了QQ，我才發現我一個禮拜的產量竟然只有1-2篇，在看文件的時候才發現自己之前練習 Vue 遇到的問題，真的是絕大部...
Vue：資料改變，除了利用method或computed，還有getter。 Getter好處是當資料集中管理，部分組件或元件需要用到不同資料下，可提供相對應的...
Vue：今日首先來了解一下Vuex中的State部分：State部分來說，相當於Vue的data，專門儲存資料。我們首先可以在這邊定義資料來源，將其為我們所需要...
Vue：前陣子，我們學到了組件資料的相互傳遞，包含父元件利用props傳遞資料給子元件、子元件利用$emit傳遞給父元件。然而，這些都是單向資料傳遞：對於單一請...
Vue：昨日講述了基本的Route設定後，今天我們再來看看巢狀路由吧！ 對於頁面上的切換，是很容易透過Route做到的。但有沒有可能，會需要將頁面某一部分，作為...
Vue：設定基本路由，可以拆解成以下步驟： 定義模板 template 配置模板路線(routes)(每一條路線，都會對應到相應的component；而這邊的...
Vue：還記得在Vue CLI建置專案時候，也有遇上Vue Router嗎？無論你是使用history mode或hash mode，設置路由，將可以導入到正確...
Vue：我們透過組件，來模塊化我們的功能。我知道你很好奇，到底如何從根模塊，傳值給組件，使組件可以渲染資料於table中，對吧？如果，仔細觀察昨天的程式碼，你會...
Vue：對於昨天全局與局部的基本了解後，今天我們利用一個實例，來解一下組件的好處吧~ 首先，先看一個基本的網頁結構：一般來說，網頁中一定會有共用的部分。以上圖為...
Vue：隨著你使用vue的狀況，你更應該要了解元件模組化的概念。vue不但在資料上面有所規劃，他在元件模組化也有所強大，讓你可以輕鬆地管理好你的元件。在進行案例...
在 JS 中有監聽器 addeventListener ，而 Vue 也有自己一套 DOM 元素監聽器的指令 v-on ， Vue 也配置了幾個修飾符來替代像是...
想起當初，第一次約她見面，是那麼輕鬆又好約。那一天，我開著我的車，直接到她公司樓下等。透過VS Code傳遞了訊息，而她的回應非常迅速。縱使之前沒見過我，我也...
與Vue相遇後，一開始其實有點懷疑vue的應用。但使用後，對她越來越著迷，這使我更想了解她。 每當我們使用vue時，有些步驟都會相對應的重複，例如創建Vue、建...
透過Vue CLI的建立，在我們打開專案後，主要會看到三個資料夾及一部分非資料夾區塊。我們可以先從最主要的src資料夾來看：src資料夾為專案中最重要的一部分。...
猶如昨日的期待，我很興奮地按照了Vue的指示： 先到node官網下載，下載完成後，立刻安裝2.打開command line並輸入npm install -g...
除了，computed和filter呢？如果資料改變，是否Vue能快速因應？ Vue：哈！當然有的呀！我們來看看這個範例：Vue：我知道你對健身的熱愛！今天如果...
iThome鐵人賽
看影片追技術
看更多
Celeste
EdwardXiong