在昨天建置vue-cli插件時我們有新增vuex和vue-router，所以今天要先來介紹vue-router也就是vue的路由 首先，先來看一段官網的說明吧! Creating a Single-...
上一篇已經學會如何把外部元件的資料傳到內部元件，如果是內部傳到外部，就需要透過emit來達成。 Props in, Ebent out： emit 傳遞事件 emit除了可以傳遞資料，也可以只傳遞事件...
在之前的鐵人賽中我們知道了元件的實體狀態、模板等作作用範圍都應該要是獨立的，意味這子元件是無法修改父元件，甚至是另一個元件。 但是當我們分割元件，要重複使用這元件時我們希望這個元件可以依據「外部」傳入...
現今常常會在購物網站中看到顧客點選產品時，網頁會依據顧客的操作自動列出清單，或是看到一些使用者在輸入框輸入資料會在網頁中自動更新輸入的內容等等，那這些是如何做到的呢?這就可以靠vue表單的綁定v-mo...
What is Vue Directives? 指令的功能通常用在JavaScript表達式的值改變的時候，對應到的DOM標籤也會連帶的影響。指令大概有10幾種，這些指令都會帶有v-開頭的特殊字元，讓...
Vue框架增加和改變了一些功能，使得開發者撰寫Code時簡潔許多，錯誤率降低，在除錯時也比較有效率!下面舉了一個簡單的例子: 在Javascript中我們要改變一個動元素的內容時會使用docu...
Vue.js是什麼? Vue.js是近年來蠻流行的前端框架，也是一個包裝好的語言，使用上會比較便利。用於建立使用者介面的JavaScript框架，有效的組織與簡化Web開發，也可以用Vue-cli建立...
為了處理bootstrapVue的問題，也是花了一點時間處理，不過好在，慢慢地熟悉Vue和bootstrapVue的寫法，可以真的開始做登入功能了，不過註冊功能，暫時不太確定社區網站，是否需要提供註冊...
幾乎每個網站都會使用到表單元素 (Form Elements)，例如登入頁、註冊頁就有非常多個輸入框(<input>)在其中，又或者是網站的 header 中可能會有下拉選單(<se...
前一篇說到 該怎麼寫 data 的資料，找回雙向綁定機制 !!!這邊先小小的補充一下 XD 在 Options API 我們 data 裡定義到的東西都可以被 Vue 拿來使用，就算是單純用來做 se...