Vue-cli 3 建立開發環境與新增專案 基礎介紹基本上就到一個段落，接下來最後的這幾天會介紹一些 Vue 的生態。首先介紹該如何建立 Vue 的開發環境與新增專案，這裡我們會使用到 vue-cli...
vue-i18n (1) - Getting started 多國語系套件 Github kazupon/vue-i18n 範例(使用常數值之語系字典) JS Vue.use(VueI18n);...
還記得一開始提過的component觀念嗎？我們把會重復使用的網頁結構寫成一個元件，需要時就引用它，這麼做不但能減少不必要的重工，還能讓維護更加方便有效率！現在就來說明一下該怎麼寫吧！ Compone...
前面提到可使用v-text、{{}}來做資料綁定，但若要綁定html屬性為資料時，必須透過v-bind語法： v-bind 範例 使用v-bind指令:後面接欲綁定的HTML屬性，以下綁定checke...
Vue 如何及時的顯示出使用者輸入的資料 今天會使用到的屬性是 v-model v-model 在這邊使用時會像是綁定在(input,select,textarea...)這些上面，只要使用者輸...
這一篇有跟大家介紹了Service Worker的應用，今天想帶一下Webpack，強大的打包工具。我會希望我的前端，能夠用到Webpack + Servicec Worker + Typescrip...
閱讀前，建議可以參考Day1：閱讀指南＆為何選擇這個題目？ ▌挑戰簡介 題目：三十天用Vue.jS打造一個網路商城 挑戰內容：利用慕課網（IMOOC）的「Vue2.0+Node.js+Mong...
基本原理 Vue.js 是處理 View Layer 的 Library ，使用 Vue.js 時，我們會操作 View Model (也就是 Vue.js 的實體)使其依照從商業邏輯取得的資料做改變...
六角選擇 Vue錄製教材的原因 語法直觀、學習曲線較平緩、雙向綁定。 語法直觀及學習曲線平緩對於一個自學入門前端者而言，我認為非常重要，不容易受挫、容易吸收對於自學者來說是很必要的，畢竟自己寫程式...
vuejs-paginate 製作分頁的套件，支援Vue.js 2.0以上的版本 Github lokyoung/vuejs-paginate 範例 底下是在vuejs-paginate套上boo...