VueJS 元件載入模板 (template) 的幾種方式
2017/09/21vue.js
平常已經在使用 VueJS 開發專案的朋友，相信對 Vue Components 的用法已經不陌生， 而 Component 有個相當棒的特性，就是將 HTML 封裝起來，掛載在網頁上的時候，只需要透過自定義的 tag 如 components/components 就可以掛載至網頁上。 如果你是透...
標籤：vue.js
語言：
在 Vue 取得 jsonp 的方式
如果你是從 V1 就開始用 Vue 開發的朋友，一定知道 Vue.js 重要的核心特性就是只關注於 view layout 的呈現與 Components 系統，提供最小化且必要的功能給開發者。 其他的功能都可以自由選用第三方套件來完成，這也是為什麼被稱為「漸進式框架」的原因。 所以，如果我們用 V...
從 Vue 來看 CSS 管理方案的發展
不需編譯也能載入 .vue 元件檔: 使用 http-vue-loader
2017/07/10vue.jshttpVueLoader
上週在 Vue 社群圈有個令人興奮的熱門新聞: CodePen 可以支援 .vue 檔案了！ Check it out - you can use `.vue` files in CodePen Projects easily:https://t.co/Cd3Qr11xYQ pic.twitter....
如何在 Vue-CLI 建立的開發環境呼叫跨域遠端 RESTful APIs
2017/06/07vue.js
前幾天在 VueTW 活動結束後，有朋友來問：Vue 的開發環境能不能在 local 端建立 proxy 服務來解決跨域讀取後端的 API， 隔壁棚的 Angular CLI 好像有這功能，Vue-CLI 是不是也能做到。 (使用 Angular 開發專案的朋友，這裏推薦參考 Will 保哥這篇文章...
VueJS-V2 在 v-for 列表完成分頁功能 (從 v1 至 v2)
2017/05/30vue.js
Vue 2 都發行半年多了，直到最近有網友留言這才想起一直沒更新裡面的內容，囧。 延續上回 [VueJS] 在 v-for 列表中透過 filter 完成搜尋與分頁的功能 這篇的說明， 這次我們來看看，自從 VueJS 更新到 V2 拿掉了內建的 filterBy、limitBy 等好用的 filt...
透過 Vue-CLI 建置專案時，自動切換 devtools 的 debug 環境
Vue 提供了相當好用的 debug 工具 (Chrome 套件)， Vue.js devtools，在安裝之後當你用 Chrome 開啟 Vue 專案時，Chrome 的開發者工具會多出一個 Vue 的 Tab，然後把 Vue Instance 裡的屬性通通列出來： 在預設開啟 debug mod...
利用 Yarn 安裝 Vue-cli
這兩天 JavaScript 圈子的最大新聞應該就是 Facebook 發布了一套新的 JavaScript 套件管理工具 Yarn，感覺來勢洶洶勢不可擋。 實際花了一點時間試用，表現的確也比過去 npm 好很多，尤其過去 npm install 速度過慢，套件相依衝突的問題，目前在 Yarn 還沒...
VueJS 各種資料綁定 (data binding) 的方式
2016/10/05vue.js
大部分資料是從這裡來的: Vue 1.0.0 binding syntax cheatsheet，再加上對 Vue 2.0 補充的部分。 html<!-- normal directive --> <div v-if="ok"></div> <!-- dire...
VueJS V1 與 V2 元件實體之差異
2016/10/03vue.js
狂賀！ Vue 2.0 終於正式發佈！ 關於 Vue 2.0 的新特性，作者也在官方 Blog - Vue 2.0 is Here! (中文翻譯) 一文中敘述地相當詳細，這裡就不多說。 如果你也與我一樣是從 V1 就開始接觸的開發者，一定都知道 VueJS 最核心的一部分是 Component，而 ...
VueJS 2.0 升級小幫手: Vue migration helper
2016/09/30vue.js
Vue JS 自今年四月 (2016/04) 發佈 Vue 2.0 preview 版本至今也有五個月了，在新舊版本的交替之中，開發者最關心的一定是「我的專案能不能升到 Vue 2.0」、「升上去會不會爆」、「專案該用那個版本來開發」，「聽說隔壁那個 ng 升級幾乎等於砍掉重練」 之類的問題。 不過...
VueJS 在 v-for 列表中透過 filter 完成搜尋與分頁的功能
2016/05/30vue.js
最近 Vue.js 正夯，所以手上幾個東西打算用這個來改寫，關於 Vue.js 的基本介紹可以參考小弟的投影片，這裡就不再贅述。 有用過 Vue.js 開發的朋友一定知道它提供的 filter 功能十分強大，在 v-for 列表中使用 filterBy 可以在一行內完成列表搜尋的功能： html &...