上一篇的實作有跟各位提到 v-model，而這些在 Vue 中以 v- 為開頭的的屬性，都被稱之為「指令」。而當指令搭配運算式時，計算出的值被改變的話，所對應的標籤、節點、元件等也皆會被影響，也就是說...
前言 本系列將介紹 Rails with Vue 的基本概念，並且以一個簡單的專案 Todo 來說明如何使用 Rails with Vue。我將透過這一系列的文章記錄我學習的過程，並且將我所學到的知...
前言 今天這篇會先介紹 v-on 的語法和修飾符，熟悉的人可以考慮跳過這個部份。 再來會提到自己在學習 v-on 時的疑惑： 「為什麼不能在 inline handler 使用 console.log...
在上篇文章中，有與各位分享到 Vue 的語法，以及如何將實體 data 結合運算式並渲染至畫面。那如果遇上複雜的運算邏輯時，或是重複置入同樣的複雜運算式時，模板會變得難以維護。假設我們需要在不同的網頁...
今天是第十六天，我想簡單分享一下v-show這個指令 v-show不管元素的初始條件是什麼，都會被渲染，再用CSS切換，並且會在DOM中保留該元素。遇到true值將會渲染出來，沒有的話則會隱藏(inl...
一、Vue 環境 使用 Vue 2 版本 加入 vuex 插件, 讓資料可以在 Vue 組件間共用 加入 vur-router 插件 Laravel 預設內容 resource/js/app.js...
前言 本系列將介紹 Rails with Vue 的基本概念，並且以一個簡單的專案 Todo 來說明如何使用 Rails with Vue。我將透過這一系列的文章記錄我學習的過程，並且將我所學到的知...
前言 Vue 在官方文件 - Reactivity Fundamentals 中，正式進入 reactive() 和 ref() 之前，先提到了 nextTick() 這個 API。 第一次看的時候真...
App.vue & Login 登入─────────── By Opshell 目標: App.vue && getData 終於進到了正題啦!!今天的目標就是把L...
今天是第十五天，前面我們分享了一些Vue.js指令的簡單實作，那今天我想簡單介紹一下以下指令v-if ,v-else,v-else-if v-if它會基於表達式數值的真假性，有條件地渲染元素或模板片段...