他是Vue.js官方提供的開發工具，可以快速的建置架構，常用於製作單頁應用(SPA)網站。 安裝 安裝Node.js(官網https://nodejs.org/zh-tw/download/)，終端...
Vue 官方所提供的路由，由於使用vue2，Vue Router 版本選擇v3。 安裝 // npm npm install vue-router 應用 新增route.js設定path: '/'...
這是在Vue官網提供的式意圖: 紅框白底的是各個鉤子函式的名稱，這些鉤子代表 Vue 實體的每個階段，分別的介紹如下: beforeCreate : 實例初始化立即叫用，這時還未創建實例，所以任何...
問題回答 所謂父子元件傳遞資料，就是透過使用 props 和 emits 來完成。而 v-model 只是結合使用 props 和 emits 的語法糖。例如在 input 綁上 v-model 時，...
Case01 View 內容如下： 內容跟 Day09 / Day12 差不多，主要是 js 多了 ajax 的處理 ! <div id="app" v-cloak>...
接下來的東西越來越複雜了，不知道要怎麼打才會讓人比較好理解，希望大家可以給我點建議ಥ-ಥ，有錯還請嚴厲指正我(前提是有人在看我的文章?)。 必須存在的前言 每個Vue instance都要經過一系列的...
前言 $emit 讓我們可以發送出自訂的事件，例如: 觸發特定的事件(關閉 popup) 或是 子元件向外傳遞資料。 呼叫每一個 $emit 可以傳入兩個參數: 事件名稱: 這個名稱用在父元件作為監...
前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章，在這邊整理了許多我自己使用Vue重構很多網站的經驗分享給讀者們。 我們在開發網頁的時候都...
在本地化 (localize) 文字訊息時，我們可能會遇到需要特別處理 HTML tag的情況，什麼意思呢？我們來看一下上圖紅框中的句子的 HTML 結構。 <p> For a gu...
Hi Dai Gei Ho~ 我是Winnie～ 今天終於來到我的第七天，按照七天養成一個好習慣的說法，我發現自己好像也開始養成了每天會寫一點東西的習慣，不管是不是技術文(奇怪～我怎麼開始說結賽感言...