iT邦幫忙

vue相關文章
共有 669 則文章
鐵人賽 Modern Web DAY 4

技術 Day04 溝通很重要-元件註冊與父子元件溝通

第四天要帶大家聊解元件(有人說元件有人說是組件),首先來介紹元件的註冊元件註冊全局註冊與局部註冊1.元件全局註冊在Vue根實例( new Vue)之前,注意全局...

鐵人賽 Modern Web DAY 1

技術 Day01開賽總需要來個開場白

開場白不免俗的要來個開場白,大家好我是Vince,可以叫我阿電,在前端開發約4年,技術棧有VueJS、AngularJS、Angular,最近開始接觸React...

鐵人賽 Modern Web DAY 8
Vue.js 什麼意思 系列 第 8

技術 Day 08:深仍可測的元件樣式-Deep Selectors

成功渲染出 BootstrapVue Navbar 元件之後,接著來將預設樣式改成自己喜歡的專案色調和排版吧!依據文件介紹,我們可以利用修改 property...

技術 windows server pm2 開機自動重啟 (Windows startup script)

一開始開開心心的寫著Nuxt(2.x),吃著火鍋唱著歌,然後跑個SSR(server side render)。就被伺服器重新開機給劫(結)了。如果你是從goo...

鐵人賽 Modern Web DAY 16

技術 [Day16] - 在 Vue 中引入現成的 Web Component

當我們拿到一個現有的 Web Component 時 , 如果直接在 Vue 專案中使用會抱錯 今天來解決這個 issue 吧 ! 利用 vue-cli...

技術 [筆記]vue-cli i18n 多語系應用練習

參考文章: https://medium.com/easons-murmuring/%E5%9C%A8-vue-cli-%E4%B8%AD%E4%BD%BF%E...

鐵人賽 Modern Web DAY 29

技術 [VR 前後端交響曲Day29] Rails專案開發 - Action Cable即時互動功能: 以edit和delete ticket為例

來到倒數第二天啦!感動流淚O_Q 前兩天裡用Vuex狀態管理的方式實作編輯和刪除ticket 本日待實作的功能:利用Action Cable廣播,在任何的瀏覽器...

鐵人賽 Modern Web DAY 12

技術 [VR 前後端交響曲Day12] 跨多層的Vue元件資料傳遞: event bus

這週都在討論props(從外層傳到內層元件)與emit(從內層傳到外層),如果是平行關係的元件(而非父子關係),要如何進行資料傳遞呢? 這時候就會出動一台公車,...

鐵人賽 Modern Web DAY 2

技術 Vue: getting started

前言 Vue 在過去的一兩年內快速發展,寫法也一直改變,我在過去一年多也更改了兩次寫法,這 30 天我將以最新的 composition api + types...

技術 NUXT.js 筆記 - 前言

此文章主要是在記錄自己在開發NUXT.js上遇到的一些問題與試著練習寫一篇"大家看得懂的"技術文, 此次也是小弟我第一次編寫技術文章,所以若...

鐵人賽 Modern Web DAY 29

技術 [Vue.js][日記]擁抱全家桶系列-東西太多?蓋個倉庫通通塞進去吧!(1)

超緊繃!30天Vue.js學習日記 擁抱全家桶系列-東西太多?蓋個倉庫通通塞進去吧!(1) 大家好!時光飛逝,不知不覺也來到第29天了阿...我們也將邁入最後...

鐵人賽 Modern Web DAY 27
Daily UI : 開發者版 系列 第 27

技術 Vuetify:Google Domain

https://codepen.io/hereiscasio/pen/gOYEXjM?editors=1000 Used UI Component ( #1...

鐵人賽 Modern Web DAY 20

技術 [前端暴龍機,Vue2.x 進化 Vue3 ] Day20. 『小專題◕ᴥ◕』 Vue 旅遊小幫手(一)

話說~ 從疫情到現在,已經不知道多久沒出去玩了~好想出去玩玩喔~ 從開賽到現在已經默默地來到第二十天了~以目前所學習的內容,已經可以開發一個小小 Vue...

技術 【Petite-Vue】大小只有 ~6KB 的 mini Vue!

文章出處 Vue 可以作為獨立的腳本文件使用,無需構建步驟!如果你有一個非前後端分離的歷史項目,並且它已經渲染了大部分的 HTML,或者你的前端邏輯並不...

鐵人賽 自我挑戰組 DAY 11
每天來點 Vue.js 吧 系列 第 11

技術 Vue Conditional Rendering 條件渲染

tags: Vuejs v-if ✐ v-if 指令可以決定是否渲染元素,該元素只有在填入的 expression 為 truthy 時會渲染。 下方為簡單範...

鐵人賽 Modern Web DAY 26
Daily UI : 開發者版 系列 第 26

技術 Vuetify:Google News › Advanced Implementation

https://codepen.io/hereiscasio/pen/eYOomxO?editors=1010 延續昨天的程式碼,今天專門介紹 Vue-port...

鐵人賽 Modern Web DAY 29

技術 Day 29: 實作 Vue 的 Server Side Render

這篇的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-generat...

鐵人賽 Modern Web DAY 10

技術 D09 - 打開第一扇窗:建立 Vue Component

本系列文已改編成書「Arduino 自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」,本書改用 Vue3 與 TypeS...

鐵人賽 Modern Web DAY 5

技術 [Vue.js][日記]生命週期的變化是如此美妙啊!(2)

超緊繃!30天Vue.js學習日記 生命週期的變化是如此美妙啊!(2) 大家好,我們今天會延續昨天的主題,對生命週期中的鉤子函數做進一步的介紹! 我們先附上一...

鐵人賽 Modern Web DAY 7

技術 [Vue.js][日記]指令V集合!(2)

超緊繃!30天Vue.js學習日記 指令V集合!(2) 大家好,我們終於來到第7篇了…咳咳昨天有講了一些指令,但是沒講完,所以今天要介紹的是其他指令:主要分別...

鐵人賽 Modern Web DAY 2

技術 [前端暴龍機,Vue2.x 進化 Vue3 ] Day2.在認識vue之前(二)

在認識 Vue 之前,前一篇已經介紹了資料驅動畫面跟雙向綁定的概念了今天再介紹一個 MVVM架構~ 3.MVVM 架構 記得~當初白紙白到連這個都講得哩哩辣辣(...

鐵人賽 Modern Web DAY 29

技術 D28 - 「來互相傷害啊!」:粗乃玩搖桿!

本系列文已改編成書「Arduino 自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」,本書改用 Vue3 與 TypeS...

鐵人賽 自我挑戰組 DAY 29
每天來點 Vue.js 吧 系列 第 29

技術 Vue 動態組件

tags: Vuejs 動態組件 ✐ 動態組件可以幫助我們動態切換組件,例如在網頁的多標籤介面中常見到動態切換組件的需求,便是動態組件能幫忙的場景之一。 使用...

鐵人賽 自我挑戰組 DAY 5
每天來點 Vue.js 吧 系列 第 5

技術 Vue instance 生命週期 ✦

tags: Vuejs Instance Lifecycle 生命週期 ✐ 介紹完如何使用 new Vue({...}) 建構 Vue instance 後,接...

鐵人賽 Modern Web DAY 18

技術 Json web token authentication --part3: Vue

State management 首先我們先來寫一些前台存 token 和刪除 token 的方法在 vuex sate management,檔案位置在 sr...

鐵人賽 Modern Web DAY 1
Vue.js 什麼意思 系列 第 1

技術 Day 01:新手視角

年中才剛攻破 JavaScript 30 挑戰一天一題 JavaScript,過不久因緣際會接了一個專案需要使用框架開發,直接迫使我從 Vanilla.js 新...

鐵人賽 Modern Web DAY 21
Daily UI : 開發者版 系列 第 21

技術 Vuetify:Google Alert › Advanced Implementation

https://codepen.io/hereiscasio/pen/gOYVXVy 為什麼說這個 Toolbar 特效很難?難就難在如何以既有的 Vuetif...

鐵人賽 Modern Web DAY 4

技術 [前端暴龍機,Vue2.x 進化 Vue3 ] Day4. Vue的生命週期

開心,終於正式進入 Vue 的介紹了~在了解 Vue 的寫法前,有個重要的觀念必需去了解,那就是 Vue的生命週期其實我覺得,不管是不是 vue 還是其他的前端...

鐵人賽 Modern Web DAY 1

技術 [前端暴龍機,Vue2.x 進化 Vue3 ] Day1.在認識vue之前(一)

[講古時間]: 回憶過去~ 痛苦的相思忘不了~哈哈,記得剛出社會時,雖然說是張白紙,不過可能太白~ 導致處處碰壁現在就來學學框架,跟著小白一起進化吧~感覺會...

鐵人賽 自我挑戰組 DAY 10

技術 Day10 一轉任務果然不是好吃的果子:將房間資料show到網頁畫面上(1)

本文同步發表於斜槓女紙部落格:Day10 將房間資料show到網頁畫面上(1) 承接昨天的進度,看到串接success的反饋訊息後,想說趁著這個運氣一口氣把...