iT邦幫忙

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

技術 一口氣看完 Vue composition API 語法-D08

一口氣看完 Vue composition API 語法 為什麼要用 Vue 3 Composition API? 對我來說最重要的有2點: 比Option...

鐵人賽 Modern Web DAY 8
LV的全端開發體驗 系列 第 8

技術 Day08 基本CRUD測試-新增題目,編輯,刪除

大概確定了前後台的畫面後,終於可以來做點功能了,今天的目標是建立題目,然後完成後台的CRUD測試。 只要有題目,就可以開始測驗了,試卷是另一種測驗型式,由老師指...

鐵人賽 Modern Web DAY 7

技術 真的好想離開 Vue 3 新手村 - Day 7: 深入了解 <script setup> 語法糖

誰適合看這篇 想知道 &lt;script setup&gt; 的優點 跟我一樣很好奇為什麼 &lt;script setup&gt; 效能比較好...

鐵人賽 Modern Web DAY 7

技術 為什麼 Vue 要使用Proxy -D07

前情提要 Vue 2以DefineProperty 攔截數據達到監聽效果。(可以數據監聽的DefineProperty與Vue2-D05)Vu3 Composi...

鐵人賽 Modern Web DAY 6
Nuxt 3 學習筆記 系列 第 6

技術 [Day 06] Nuxt 3 目錄結構與自動載入 (Auto Imports)

前言 隨著整個專案的開發,目錄與元件勢必也會越來越多,如同 Vue 3 的專案可能會有專門放置元件目錄 components 等,在 Vue 3 我們可能不太需...

鐵人賽 Modern Web DAY 7
LV的全端開發體驗 系列 第 7

技術 Day07 建立功能連結及頁面

雖然是小案子,但完整度還是要有,為了避免做到後期才發現有問題要打掉重做,所以我會先試著把主要的頁面流程先順過一次,這個過程會有點囉嗦,但只要調整妥當,後面的其它...

鐵人賽 Modern Web DAY 6

技術 為什麼 Vue 要使用Proxy 之 Reflect-D06

為什麼 Vue 要使用Proxy 之 Reflect 探討Proxy之前,得先來看看和Proxy一起搭配的Reflect Reflect(反射)是ES6語法(我...

鐵人賽 Modern Web DAY 6

技術 真的好想離開 Vue 3 新手村 - Day 6: 什麼是 Vue SFC 檔?如何被編譯?feat. Vite

Outline 什麼是 SFC 檔 認識 SFC 檔的組成 - Language Block SFC 檔會如何被解析(其實不算重要,但因為我很好奇) 什麼是...

鐵人賽 Modern Web DAY 5
Nuxt 3 學習筆記 系列 第 5

技術 [Day 05] Nuxt 3 如何使用 Tailwind CSS

前言 為了後續範例程式在頁面呈現上能有比較好看的樣式,原先有想過使用 UI 框架或純寫 CSS,但是總覺得好像不夠潮,所以呢,我決定帶入近年滿熱門的 CSS 框...

鐵人賽 Modern Web DAY 6
LV的全端開發體驗 系列 第 6

技術 Day06 不同角色登入導向

原本我們是想把一些路由和頁面流程先建立起來的,但是在改完後台時,發現目前的角色登入後的畫面都在同一個 backstage,我們希望將來能區分管理者和一般使用者的...

鐵人賽 Modern Web DAY 5

技術 分手JS-可以數據監聽的DefineProperty與Vue2-D05

DefineProperty &amp; Vue2 Vue 使用發布訂閱模式達到監聽數據效果 在使用Vue3 composition API 時,會碰到很多pr...

鐵人賽 Modern Web DAY 4
Nuxt 3 學習筆記 系列 第 4

技術 [Day 04] Nuxt 3 + TypeScript + ESLint + Prettier 環境建置

前言 在我們使用完 Nuxt CLI 建立完專案後,其實就可以開始進行專案的開發,但是呢,相信不少人對於程式碼的排版都有自己的風格,不同人的 Coding St...

技術 Nuxt 3 + ESLint + Prettier 環境建置

前言 大家好,我是 Ryan,這篇文章是我參與 iThome 2022 鐵人賽 [Day 04] Nuxt 3 + TypeScript + ESLint +...

鐵人賽 Modern Web DAY 5
LV的全端開發體驗 系列 第 5

技術 Day05 規劃路由、頁面、控制器

像我這種一人全端開發者,有些工夫能省就省,所以沒有需求文件,開發文件什麼的,心之所向,功能之所在; 雖然可以隨興的開發,但如果真的都沒個規劃,也常常做到後期會有...

鐵人賽 Modern Web DAY 19

技術 Json web token authentication --part4: interceptor & api authentication

前言 只要把後端對外,或者網站對外,就一定會被攻擊,有自己用自己的電腦當 server 架站過就一定知道,只要一對外,每天都會收到一些隨機的攻擊,最常見就是別人...

鐵人賽 Modern Web DAY 4
LV的全端開發體驗 系列 第 4

技術 Day04 使用內建的會員系統Breeze

早期Laravel有一個 Laravel/ui 的套件,有內建一個基本的會員註冊登入系統,很多教學者也以此為宣傳,告訴大家 laravel 用來建立會員系統有多...

鐵人賽 Modern Web DAY 3
Nuxt 3 學習筆記 系列 第 3

技術 [Day 03] Nuxt 3 - 使用 nuxi 建立第一個專案

前言 身為前端工程師開發網頁,程式碼編輯器肯定必不可少,在這個系列將會使用 VS Code 進行開發,不過呢,也並沒有說一定非得使用 VS Code,所以說不論...

鐵人賽 Modern Web DAY 3

技術 真的好想離開 Vue 3 新手村 - Day 3: 細看 Vue + Vite 專案資料夾結構

誰適合看這篇 已經初步了解 npm、package.json、package-lock.json、node_modules 建立 Vue 專案後,沒有仔細看...

鐵人賽 Modern Web DAY 18

技術 Json web token authentication --part3: Vue

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

鐵人賽 Modern Web DAY 2
Nuxt 3 學習筆記 系列 第 2

技術 [Day 02] Nuxt 3 介紹

前言 淺談 CSR、SSR 與 SSG的文中有提到,採用 SSR + SPA,將第一個畫面透過 SSR 產生,其他就交給 CSR 來做處理,既能兼具 SEO 還...

鐵人賽 Modern Web DAY 3
LV的全端開發體驗 系列 第 3

技術 Day03 專案建立

看官網指令來安裝laravel 今天打算先把laravel裝起來,然後做個小測試,確認一下開發環境沒問題,一樣到官網找一下指令,在終端機下指令,這邊很需要舉一反...

鐵人賽 影片教學 DAY 2
我讀你看 系列 第 2

技術 [vite] Vite 是什麼?正確的發音怎麼唸!?

20:00 首播,建議播放速度 x1.2 Vite 怎麼唸? 不是 Vue 可以用 Vite 嗎?(Getting Started) Vite 為什麼它...

鐵人賽 Modern Web DAY 2

技術 真的好想離開 Vue 3 新手村 - Day 2: 建立 Vue 專案開發環境 feat. Vite

剛開始學 Vue,最困擾的就是該怎麼建立開發的環境。 誰適合看這篇: 不知道怎麼建立 Vue 專案 按照官網用 npm init vue@latest 建立了...

鐵人賽 Modern Web DAY 2
LV的全端開發體驗 系列 第 2

技術 Day02 開發環境建置

這裏會說明一下我的開發環境,但是因為版本問題,不見得每個人照做都會順利,如果安裝遇到問題,請多多google,你問我,我不一定能幫到你,因為我不清楚你的環境到底...

鐵人賽 Modern Web DAY 1

技術 真的好想離開 Vue 3 新手村 - Day 1: 前言之系列簡介

前言的前言 嗨,我是安揪拉,住在 Vue 新手村大概一個多月,接下來要一邊寫鐵人賽、一邊接案,希望能成功活下來 QQ,真的好想離開 Vue 3 新手村啊~我蒐集...

鐵人賽 Modern Web DAY 1
LV的全端開發體驗 系列 第 1

技術 Day01 計劃源起及目標

計劃源起 因為工作的關係,想要一個可以紀錄學生測試結果的系統,雖然坊間有不少類似的免費系統可以使用,但每次都只能請學生截圖給我做紀錄,總是很不方便,再加上我一直...

鐵人賽 Modern Web DAY 15

技術 用 POST 串起前後端

講完 get 來講 post,那這兩個 call api 的方法有什麼差別呢?先記得一個原則,要傳遞機密的資料用 post,如果要傳遞的參數被別人知道也無所謂就...

鐵人賽 Modern Web DAY 14

技術 用 GET 串起前後端

前端和後端溝通,最常用就是 get 和 post,所以我只打算講一下這兩個在 vue 和 django 要怎麼用,其實我比較想講的是架站以及安全方面,前面十幾天...

鐵人賽 Modern Web DAY 9

技術 State management

狀態管理有點像是 cookie 或 localStorage,可是又多了更多操作可以用,讓你再切換頁面時可以使用相同的變數。 用來使用這個功能的套件叫做 vue...

鐵人賽 Modern Web DAY 8

技術 Vue Router

Basic config 最基本的寫法就是在 src/router/index.ts 的 routes 內設定像這樣 const routes: Array&l...