iT邦幫忙

搜尋 vue 找到約 2747 個結果
在google中搜尋

技術 不只懂 Vue 語法:試說明 Composition API 與 Options API 概念和語法的分別?

問題回答 Composition API 是以邏輯功能來分割程式碼,像是寫原生 JavaScript 一樣,我們會把實現同樣功能的程式碼寫在附近。但 Options API 是以程式碼的性質來分割程式...

技術 Day24 Vue 認識Porps(3)

以物件做props的傳遞 我們先來看看一個例子!在這裡我們先用props把外層元件的data裡的items的陣列傳遞近來,然後在template裡去寫我們要呈現出來的HTML。 這裡我們運用v-for...

技術 Vue.js 從零開始 mitt

還記得區域元件有自己的作用域嗎?已知外層元件可以跟內層元件傳遞資料(props),或是傳遞事件(emit),但是當有另外兩個子元件,彼此需要傳遞又該怎麼做? mitt 介紹 概念圖: Vue 2中要...

技術 拆掉 v-model + computed get/set 到 vuex

為什麼要特別寫 Form 表單攻略呢?因為這是使用者可以輸入資料的常見途徑,一種可以「寫入」資料的方式。 為了使用者可以將資料好好的寫入,單一資料流安排了一系列的旅程讓資料流動。下面來圖解一下上一次的...

技術 Day22:ws 整合 Vue 渲染聊天訊息

前面的 socket.io 使用原生 JS 來寫 Demo,這邊就試著改用框架來處理,不過畢竟目前還是 Demo 練習性質,所以就直接用 CDN 引入,不使用 cli,至於版本的部分,暫時先用 2.6...

技術 [Day30] Vue3 - 條件判斷

在沒有框架前,條件判斷都是寫在 Javascript 裡面,但是有了 Vue 之後,可以直接在 HTML 需要判斷的 tag 中寫入判斷式,大幅減少程式碼量。 Vue 範例程式碼 同樣先附上今天練習...

技術 [前端暴龍機,Vue2.x 進化 Vue3 ] Day29.Vue3 網頁小遊戲(一) | ♾ 台版魷魚遊戲,玩?還是不玩?

免責聲明:最近跟著中了"魷魚遊戲"的毒,哈哈哈這個遊戲,相信大多數的人都有玩過~不過,我們的遊戲沒有大筆獎金,也不需要打打殺殺 XD 所以最後,我們不免俗的也是透過實作一個小專題...

技術 Vuex實作

昨天介紹了Vuex是什麼,也知道了它的流程,今天當然也要來實作一下Vuex啦~這個實作會沿用第26天vue-router的專案來實作Vuex的Actions, Mutations和State,也就是要...

技術 [Day23]Vue3 E2E Testing: Cypress 基本介紹

What's Cypress Cypress 是 Vue.js 官方推薦的一個 E2E Testing Library,也是這次 E2E Testing 主題所要分享介紹的主角,有別於其他大多是基於...

技術 Day_25: 讓 Vite 來開啟你的Vue 之 讓肝變彩色的 給力 Vite & Vue 相關套件

Hi Dai Gei Ho~ 我是 Winnie ~ 記得有一句話是這麼說的 肝 若不好 人生是黑白的,肝 若好 人生是彩色的。 所以為了讓我們可以少吃一顆保肝丸,在 今天的文章中,我們要來介紹...