本文同步發表於斜槓女紙部落格:Day16 萬丈高樓平地起(4):元件間的溝通橋樑Props(1) 昨天說到Vue的每個元件是獨立運作,但Vue設計元件的目...
這篇文章將利用第七單元所學到的內容來檢視 主流框架(Vue) 的撰寫技巧 首先我們先來看到 Vue 的原始碼: https://github.com/vuejs...
雖然一開始說 Vue 因為有 Single File Component ,所以要 Server Side Render 可能會碰到需要用 bundler 的情...
在前一篇中,我們已經了解父組件向子組件傳遞資料了,接著來認識子組件向父組件的溝通吧 子組件向父組件溝通: $emit 子組件(傳送) this.$emit(&q...
Vue Data 呈現於畫面上有以下幾種方法: {{ }}:神奇的雙大括號 v-text:跟神奇大括號一樣的效果,但是寫在標籤裡 v-once:綁定的標籤只會...
目前為止,我們成功引入了 BootstrapVue 的元件 Navbar,也調整了樣式和內容。 突然發現少放了一個重要項目,於是趕緊補上一個 <b-nav...
精力充沛, 大腦狀況OK!!接著開始做首頁-Rooms吧~ #Rooms開發 可以看到設計師給的畫面, 是用好多個RoomCard來組合成的這裡大方向就可以是...
v-model 修飾符 Vue 裡面為 v-model 提供了一些可以用的修飾符,主要是可以幫我們限制一些使用者輸入的行為以下透過範例講解每個修飾符幫我們做了甚...
必須老實說, 寫這篇時, 我已經把六角「Vue出一個電商網站」課程上完並實作作品出來了BUT!!! 雖然已經做完, 但絕大部分都是跟著課程影片照本宣科回頭來看基...
👆建議你可以使用影片子母畫面功能或全螢幕播放來獲得最佳的觀賞體驗,👇下方是本篇教學的相關筆記。 設置 ESLint 環境 安裝 ESLint 套件 npm...
tags: Vuejs 本次鐵人作為進入 Vue 3 的前的粗淺回顧,簡單介紹了 Vue 2 官網的內容,雖然有許多不足,中段開始時間調控上做的也不如預期,但在...
超緊繃!30天Vue.js學習日記 CSS過渡 大家好,今天要介紹的是CSS過渡!過渡系統是Vue為DOM動畫效果所提供的特性,當我們對元素從DOM中插入或移...
超緊繃!30天Vue.js學習日記 完賽心得 大家好,我是Ian不是Peter啦!就在今天,我的超緊繃!30天Vue.js學習日記也成功完賽了(汗)這30天的...
我在 Localhost 開發的時候會出現一個錯誤訊息困擾有許久,而且是機率性的。因為以 SPA(Single-Page Application) 開發專案項目...
Global.vue要共用的全域參數 <script> const _token = ""; const userid = &q...
https://codepen.io/hereiscasio/pen/dybLbVd?editors=1010 Used UI Component ( #3...
開始練習 WorkBoard 需要的套件 Vue.Draggable 是這次我們用來製作 WorkBoard 的重要套件,這個套件可以實現我們在實作 Work...
https://codepen.io/hereiscasio/pen/eYOomxO?editors=1010 Used UI Component ( #1...
上一篇最後有提到怎麼建立一個Vue應用, 朋友看完之後有問我兩個問題 如果要建立多個Vue應用怎麼做? 當下我聽到是有點愣住..., 因為會建立一個了, 之...
超緊繃!30天Vue.js學習日記 組件最終篇-動態組件的部分! 大家好!在昨天介紹插槽(slot)後,今天要介紹的是動態組件!Vue.js允許我們將多個組件...
安裝CLI: $ npm i -g @vue/cli 安裝完成後,您將可以在命令介面(CLI)中訪問vue命令。我們將使用它來創建我們的專案。 創立一個Vue...
看官網指令來安裝laravel 今天打算先把laravel裝起來,然後做個小測試,確認一下開發環境沒問題,一樣到官網找一下指令,在終端機下指令,這邊很需要舉一反...
模板語法 在上一篇我們已經完成了我們第一個 Vue 建出來的 Hello Vue 網頁,其中我們有學到一種渲染內容的模板語法 {{ }},那麼今天就再來學學其他...
本文同步發表於斜槓女紙部落格:Day18 閒不下來的史萊姆(一):將房間列表改用x-template 建立元件 鐵人賽進展到今天,默默地也快突破20天。前...
前言 Nuxt 3 整合 Vue I18n v9.x 多國語系的模組 Nuxt I18n,已經在 RC 階段準備釋出正式版,在使用上也穩定不少,這篇文章將簡單的...
前言 如果你只習慣使用 Vue 單純做客戶端渲染 (CSR),對於 Nuxt 的伺服器端渲染 (SSR) 模式還不是那麼的熟悉,你可能會在開發過程有些時候明明記...
Container and Presentational 官網的程式碼架構,會把元件分成二種類型-容器型(Container)及表現型(Presentation...
前言 在 Nuxt 3 中,你可以直接使用 useAsyncData、useFetch、useLazyAsyncData、useLazyFetch 函式來發送網...
昨天講了條件渲染,今天來講列表渲染(List Rendering)吧!! v-for 當我們在頁面上綁定資料時,遇到一些重複、複雜的data時(像是array、...
我在本地 Localhost 串接 Facebook Login JavaScript SDK 的時候,明明已經登入成功,但是重新整理頁面後,又會再次的取得 u...