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