iT邦幫忙

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

技術 D01 - 萬事起頭難

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

鐵人賽 Modern Web DAY 6

技術 [前端暴龍機,Vue2.x 進化 Vue3 ] Day6. 模板語法

模板語法 在上一篇我們已經完成了我們第一個 Vue 建出來的 Hello Vue 網頁,其中我們有學到一種渲染內容的模板語法 {{ }},那麼今天就再來學學其他...

鐵人賽 Modern Web DAY 1

技術 D00 - 緣起

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

鐵人賽 Modern Web DAY 5

技術 [前端暴龍機,Vue2.x 進化 Vue3 ] Day5. Vue的起手開發

接下來,開始看看如何著手進行 Vue 的開發吧這邊都是透過最原始、最簡單的網頁開發模式進行,所以不會介紹到 Cli 的方式~ Hello Vue ,第一個 Vu...

鐵人賽 Modern Web DAY 4

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

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

鐵人賽 Modern Web DAY 3

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

終於~來到了在認識vue之前,我整理的最後一個部份了 會有在認識vue之前的這部份,主要是自己認為可以先搞懂這些特性,後面的應該會更好理解 (應該 XD~這...

鐵人賽 Modern Web DAY 2

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

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

鐵人賽 Modern Web DAY 1

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

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

鐵人賽 Modern Web DAY 3

技術 Day 03 | 透過指令建立元件

安裝並部署 Livewire 的步驟沒有很多,照著做不用三分鐘就能完成囉!今天一樣是照著官方文件帶大家做一次囉~ 安裝 Livewire 官方文件 首先要先安裝...

鐵人賽 Modern Web DAY 2

技術 Day 02 | Laravel Livewire 基本介紹

Livewire 是 Laravel 的全端框架,能建立像 Vue 一樣的動態頁面的同時又能保有 Laravel 原有的特性。除此之外在 SEO 方面仍跟原本...

技術 vue定義全域性變數

Global.vue要共用的全域參數 <script> const _token = ""; const userid = &q...

技術 Vue 在 Localhost 開發時出現 “ERR_CONNECTION_REFUSED”、”ERR_CONNECTION_TIMED_OUT” 錯誤的解決方式

我在 Localhost 開發的時候會出現錯誤訊息 GET http://192.168.43.55:8081/sockjs-node/info?t=16281...

技術 Vue 在 Localhost 開發時出現 “[prerender-spa-plugin] Unable to prerender all routes!” 錯誤的解決方式

我在 Localhost 開發的時候會出現一個錯誤訊息困擾有許久,而且是機率性的。因為以 SPA(Single-Page Application) 開發專案項目...

技術 Vue 如何在 LocalHost 開發環境時使用 HTTPS

如果你有 Localhost 開發環境需要以 HTTPS 瀏覽時,可以參考以下方法: 方法一:vue.config.js module.exports = {...

技術 使用 Vue 串接 Facebook Login JavaScript SDK 時 FB.getLoginStatus 總是回應 unknown 狀態,但明明已經登入成功

我在本地 Localhost 串接 Facebook Login JavaScript SDK 的時候,明明已經登入成功,但是重新整理頁面後,又會再次的取得 u...

技術 Vue 使用 errorHandler, warnHandler 即時攔截網頁錯誤

在前端其中一個頭痛的問題就是網頁 Bug,我會想知道使用者在前端操作上遇到了什麼問題,因此在 Vue 中,你可以透過 errorHandler 攔截網頁錯誤,你...

技術 [ Vue ] 使用 Vitawind 1.2 來 建置 Vite + Tailwind JIT 專案

建立 Vite 專案 在你要放置專案的地方執行這個指令來建立 vue 模板的 vite 專案 # npm 6 npm init vite [專案名稱] --te...

技術 [Vue]ElementUI组件模板之自動完成el-autocomplete

1.原本的input 改為 el-autocomplete並加上 :fetch-suggestions="querySearch" <...

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

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

跟 VueJS 認識的30天 系列 第 21

技術 [DAY21]跟 Vue.js 認識的30天 - Vue 過濾器(`filter`)

這是一個在 Vue 3 被拿掉的功能,但還是來了解一下。 filter 用途及用法 filter 是讓雙花括號({{}})或 v-bind 表達式中的值通過...

跟 VueJS 認識的30天 系列 第 20

技術 [DAY20]跟 Vue.js 認識的30天 - Vue 插件(Plugin)

這一篇說實在的,現在的我還不能寫出有用的插件,所以這一篇筆記主要也是學習使用別人寫好的插件。 使用插件 Vue.use('PluginName', { //...

跟 VueJS 認識的30天 系列 第 19

技術 [DAY19] 跟 Vue.js 認識的30天 - Vue 自定義指令(`directive`)

在粗淺的看過這一章時,覺得 Vue 真的有好多功能啊,目前的我似乎還是沒辦法很熟用 Vue 的每項語法,只希望未來在遇到各種問題時,我能有印象可以使用哪種語法。...

跟 VueJS 認識的30天 系列 第 18

技術 [DAY18]跟 Vue.js 認識的30天 - Vue 混入(`mixin`)

混入(mixin)似乎也是個初學 Vue 比較少被用到的功能,但還是照順序的了解一下。 基礎運用 在模組中如果有重複出現的模組 option 內容,就可以透過...

跟 VueJS 認識的30天 系列 第 17

技術 [DAY17]跟 Vue.js 認識的30天 - Vue 過渡(轉場)及動畫效果下篇(`<transition-group>`) - 多個元素的過渡及列表過渡

這一篇就來接續寫完 Vue 過渡及動畫的內容啦!希望能順利寫完我的 Vue 筆記。 多個元素的切換轉場 以後就用 .v-* 跟 .transitionName-...

跟 VueJS 認識的30天 系列 第 16

技術 [DAY16]跟 Vue.js 認識的30天 - Vue 過渡(轉場)及動畫效果上篇(`<transition>`)

先看上圖來了解 Vue 將動畫進入跟離開這 2 種階段,而在進入跟離開階段又分別配置了 3 種狀態 — 初始狀態(進入前、離開前)、進行中狀態、結束狀態(進入...

跟 VueJS 認識的30天 系列 第 15

技術 [DAY15]跟 Vue.js 認識的30天 - Vue 動態模組(Dynamic Components)

這次寫的內容是之前都沒使用過的,所以就盡量讓自己有概念,希望之後能使用到。 使用 v-bind:is 來切換模組 切換模組的基本語法 &lt;component...

跟 VueJS 認識的30天 系列 第 14

技術 [DAY14]跟 Vue.js 認識的30天 - Vue 模組插槽(`slot`)

最近在 youtube 找到一個學習 webpack 很好用的教學影片,所以正努力的學習 webpack 中,一個不小心就太沉迷在新技術的練習了,導致有點忽略...

技術 Vue ⑅:將資料呈現在畫面上

Vue Data 呈現於畫面上有以下幾種方法: {{ }}:神奇的雙大括號 v-text:跟神奇大括號一樣的效果,但是寫在標籤裡 v-once:綁定的標籤只會...

技術 Vue ⑅:要開始Vue之前要先做的事

JavaScript 學得差不多了,覺得應該可以開始 Vue 看看了但在 Vue 之前要先引入它 。 在引入它之前,還有幾個要下載的東西: Vue Devt...

技術 [鼠年全馬] W37 - Vue出一個旅館預約平台(11)

這週接續上週進度把真實資料餵進 SuccessCard.vue 囉~ #左側預約功能(接續) 真實資料需要用到預約POST API回傳的資料所以我們先回到 R...