tags: Vue.js ItIron2020 前言 我們在昨天介紹了vue-cli這個好東西，利用它可以超快速的打造一個完整的vue專案，同時也簡單介紹了專案內的結構，今天我們要探討的主題與之前提過...
我們已經在上一篇文章透過vue建立好了專案，也利用VS Code將專案資料夾準備妥當，接下來一樣由淺入深的來介紹一下網頁的開發，回憶一下上次有介紹的專案資料夾結構： node_modules：專案...
建立專案 方法一. 透過終端機建立專案 上一篇文章我們已經介紹完如何安裝vue cli，接下來就要透過他來建立專案，進而體驗使用vue cli的優點，接下來我們先透過終端機來建立專案資料夾，前往你準...
像前面文章中提到vue是一套漸進式的框架，他適合在各種不同的需求中使用，無論你是只想用它來綁定一些表單資料或是使用他Virtual DOM特性，甚至更深入的使用他做SPA（Single Page Ap...
media套件是基於Css來改動，他可以偵測版面大小來控制html元素或調整css的效果。 本篇文章是參考:點我 安裝 在你的專案資料夾開啟cmd輸入 npm add vue-media 開啟專案，在...
啥是Vuex 簡單來說是用來存放一些狀態的地方，你可以讀取、監聽、修改這些值。例如你在A頁打了一支API做登入，那使用者的狀態就變了，可能同時有幾個components要對應做頁面調整，顯示會員的功能...
接下來 還有一個很重要的套件 vue-axios //in it_state 資料夾 cmd : install vue-axios npm install --save axios vue-axio...
Vue Apollo Queries 目標: 熟練的使用 Vue Apollo 查詢資料 在安裝完 vue-apollo 後，所有的 components 都能透過 apollo 來使用 Apo...
介紹完子傳父、父傳子的組件(component)溝通方式外，我們也會很常遇到，父子組件的雙向溝通，或是有時甚至會需要用到兄弟組件(在同樣父組件底下的組件)的溝通。 這篇我們就來介紹如何進行這類的雙向溝...
昨天在理解Vue的生命週期時提到，Vue在前端處理上有一個透過掛載mounting的hook處理畫面渲染至瀏覽器前的階段。所以我們今天試著在Rails App裡來使用mounted()這個hook實作...