iT邦幫忙

vue相關文章
共有 801 則文章
鐵人賽 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
Nuxt 3 學習筆記 系列 第 2

技術 [Day 02] Nuxt 3 介紹

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

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

技術 Day02 開發環境建置

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

鐵人賽 Modern Web DAY 2

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

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

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

技術 Day01 計劃源起及目標

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

鐵人賽 Modern Web DAY 1

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

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

鐵人賽 Modern Web DAY 19

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

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

鐵人賽 Modern Web DAY 18

技術 Json web token authentication --part3: Vue

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

鐵人賽 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...

鐵人賽 Modern Web DAY 7

技術 Vue: Life cycle

今天來介紹 vue 的生命週期,什麼是生命週期呢?講簡單一點就是從你用瀏覽器打開網頁開始,到網頁內的元件一個一個生成,到整個完整的網頁建立的過程就叫生命週期,完...

鐵人賽 Modern Web DAY 6

技術 Vue 指令

v-bind v-bind 可以讓 template 內的標籤去綁定 script 內定義的變數,舉個例子 <template> <div...

鐵人賽 Modern Web DAY 5

技術 寫一個 Vue 頁面

定義路由 首先先來定義路由,先把上一篇寫的 home.vue 定義在根路由。 打開 src/router/index.ts,在 routes 內定義 {...

鐵人賽 Modern Web DAY 4

技術 Vue 頁面結構

在寫頁面之前,先來介紹 Vue 頁面結構。 首先先在 src/components 底下建立一個 home.vue 跟寫一個 html 頁面很像,一樣是分成...

鐵人賽 Modern Web DAY 3

技術 Vue 專案架構

專案建好了,那先來講 Vue 的專案架構 詳細內容很多,所以我挑重點講 public index.html public/index.html 是 Vue 頁...

鐵人賽 Modern Web DAY 2

技術 你知道這是什麼嗎? Chrome extension MV3 With Vite - Day2 運行環境&組成

Hi Dai Gei Ho~ 我是Winnie ~ 在上篇文章中,我們已初步的了解 Extension 是什麼後,接著再今天內容我們要再深入一步探討關於 Ex...

鐵人賽 Modern Web DAY 2

技術 Vue: getting started

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

鐵人賽 Modern Web DAY 1

技術 Introduction of Vue, Django, MongoDB, Nginx

Vue 目前前端三大框架包含 facebook 開發的 React ,google 開發的 Angular,以及由 Evan You 開發的 Vue ,Vue...

鐵人賽 Modern Web DAY 1

技術 你知道這是什麼嗎? Chrome Extension MV3 with Vite - 前言&大綱

Hi Dai Gei Ho~ 我是Winnie ~ 目前是一位前端工程師,目標是可以 持續在做自己喜歡的事。如果對於我還有一絲好奇的捧油可以看看 這篇文章 在...

技術 【Vue】v-text 、v-html與 {{ }} (Mustache)

【前言】本系列為個人前端學習之路的學習筆記,在過往的學習過程中累積了很多筆記,如今想藉著IT邦幫忙這個平台做整理+再複習。本系列標題一律以【】標示該篇文章主要涉...

鐵人賽 Modern Web

技術 [專案上線第01天] - 新來的主管說要寫 Vue Test Utils 單元測試

前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章,在這邊整理了許多我自己使用Vue重構很多網站的經驗...

鐵人賽 Security DAY 30
Kali Linux 工具筆記 系列 第 31

技術 完賽 != 完結

完賽感言 不知不覺才沒有不知不覺,每天都在想著放棄,但最後還是撐到完賽,回想這三十天鐵人賽的掙扎旅程,還真的是有好有壞,好處就是有了個壓力強迫自己去探索沒接觸過...

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

技術 Day 30:Keep Going 的意思

就這樣接連 30 天順利完成鐵人賽系列了~為所有自律且成功達標的參賽者們一起喝采!!! 在產出本系列文章的同時,也再次複習了當初實作專案時面對到不熟悉的語法,在...

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

技術 Day 29:神奇語法糖-v-model

整個系列都快要完結篇了,怎麼可能獨漏 Vue 的神奇語法糖—— v-model 呢?我們已經知道 Vue 基於 MVVM 架構模式,最大的特色就是可以將資料與...

鐵人賽 Software Development DAY 29

技術 [Day - 29] - 深透 Spring Actuator 創造系統服務監視神之眼

Abstract 大家好,我是遊戲王怪獸之決鬥小編威斯~~丁,想必大家都知道遊戲王的貝卡斯的千年眼可以看到每個人的心靈....心靈透視~~~ 差不多是這樣子垃....

鐵人賽 Modern Web DAY 30

技術 D31 - 「來互相傷害啊!」:無聊我要見到血流成河

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

鐵人賽 Modern Web DAY 30

技術 D30 - 「來互相傷害啊!」:貓狗集合!建立 Sprite!

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