本文同步發表於斜槓女紙部落格：Day23 萬丈高樓平地起(6)：What is Vue CLI？ 嗨~又是我!挑戰到這兒也快到尾聲，不過到現在還沒作出個可...
上一篇文章我們簡單介紹了Vue的幾個重要特性（漸進式框架、MVVM、元件、載入方式）。若不清楚的話，可以點擊上篇觀看Day2 - Vue 基本介紹（漸進式框架、...
前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章，在這邊整理了許多我自己使用Vue重構很多網站的經驗...
本文同步發表於Andy's Blog 前言 昨天介紹完Computed屬性後，我們今天要來介紹Watch。 Watch 用途：主要是用來監聽實體內特定的變數...
本文同步發表於斜槓女紙部落格：Day28 Vue CLI專案實作(二)：Axios串接API及房間列表畫面 嗨！延續昨天的進度，今天要來實作首頁的房間列表...
前言 上一篇文章中，我們已經為大家簡單介紹Vue Instance，並且透過範例讓大家初步了解該如何使用Vue 。而這篇文章我將為大家介紹Vue元件生命週期。...
其實早在8月就有想過要參加這一次IT鐵人幫，但是那時候還深陷在六角學院「 JS 作品直播班 」的作業泥淖中，也一直不確定自己的主題要訂甚麼，後來才決定寫 Vue...
遇到問題 在使用 Element UI 的 Select 想要在多選的時候有全選的功能 解決方法 這裡我在我自己的 communitys 加入一個全選...
Vue Cli 部屬到 Github 上，研究了許久，以下這裡做步驟筆記，這裡是以 windows 系統為主，需要先安裝 Git 工具，連結放在最下面: 在桌...
本文同步發表於斜槓女紙部落格：Day3 編輯器擴充套件設定+引入Vue.js 嗨～今天要來說說我習慣使用的開發環境，由於我的mac已經設定好了，捨不得打掉重...
前言 延續昨天的話題，我們今天來介紹Vue ClI3建立的方法與檔案結構說明，並同時介紹一下CL3中很大的特色：GUI圖形化介面。 Vue CLI3特色 1.完...
本文同步發表於Andy's Blog 前言 這兩天我們介紹完了Computed與watch特性與用法。那今天我們將來了解一下，這三者有什麼差異。 第一部分：...
Event Bus 為了接下來幾天的 Vuex，今天先來講一下什麼是 event bus，之前有說過在元件之間的溝通，父元件往內傳資料是用 props，而子元件...
new Vue()：建立Vue實例 export default：輸出模塊 先前建立組件時輸入和輸出組件都是使用 import/export default，從...
Vue Router 透過 Vue Router 我們可以製作出多視圖的單頁應用程式也就是 SPA，現在先讓我們看看該怎麼使用吧！ 如何使用 這邊先用 vue-...
先看上圖來了解 Vue 將動畫進入跟離開這 2 種階段，而在進入跟離開階段又分別配置了 3 種狀態 — 初始狀態(進入前、離開前)、進行中狀態、結束狀態(進入...
遇到問題 在使用 Vue 的 watch 的時候，一般都是用這樣的 watch:{ text:{ handler(newValue){...
這次寫的內容是之前都沒使用過的，所以就盡量讓自己有概念，希望之後能使用到。 使用 v-bind:is 來切換模組 切換模組的基本語法 <component...
本文同步發表於Andy's Blog 前言 這兩天，我們介紹了computed、watch、method()、filter屬性。並且對這些特性的使用方式做了...
背景 許多網頁時常會加入輪播圖的設計，用來放置活動訊息或是品牌視覺圖片，傳遞資訊及強化品牌形象。因此也有許多輪播圖的套件相繼而出，如：swpier、owl ca...
前言 上一篇我們介紹了Vue指令：V-bind、V-on，那今天我們要學習另外一個Vue指令：V-bind本文同步發表於Andy's Blog V-bind...
前幾篇講到的都是父组件使用 prop 傳遞數據给子组件，因此如果要透過子組件操作資料並異動父組件的話，這時就要透過 emit 事件通知父層。 demo thi...
晴
‧
2019-09-23
如果你有 Localhost 開發環境需要以 HTTPS 瀏覽時，可以參考以下方法： 方法一：vue.config.js module.exports = {...
學了 VueJS 一段時間，總是會不定期的回頭看下面這張圖： 這張圖從上到下就是 Vue 實體產生的一系列過程，並且在過程中不同階段，會運行一些生命週期鉤子(...
這是一個在 Vue 3 被拿掉的功能，但還是來了解一下。 filter 用途及用法 filter 是讓雙花括號({{}})或 v-bind 表達式中的值通過...
Vue 的模組 - component 作用 Vue 的模組 component 是可以重複使用的 Vue 實例，所以也擁有 data、computed、wa...
本文同步發表於斜槓女紙部落格：Day25 萬丈高樓平地起(8)：Vue Router簡介，頁面跳轉不卡卡 今天要來和大家談談Vue Router的基本簡介...
v-for 就是 JavaScript 裡的迴圈，基於一組資料來製作相同元素區塊。先簡單講一下 JavaScript 裡 for...in 、 for...of...
本文同步發表於斜槓女紙部落格：Day15 萬丈高樓平地起(3)：元件 Components 簡介 嗨！今天持續跟大家聊聊Vue.js的基礎觀念。曾經有位大...
很多時候我們會利用 class 來切換樣式，這時候其實就可以利用 Vue 的指令 v-bind 來動態切換 class 。 v-bind:class 屬性綁定...
鍾小呆
chunwen
Mike
Celeste
Magisheng
iThome鐵人賽
看影片追技術