iT邦幫忙

vue相關文章
共有 816 則文章
鐵人賽 自我挑戰組 DAY 16
每天來點 Vue.js 吧 系列 第 16

技術 Vue component 父組件向子組件傳遞數據的方法 - Prop(上)

tags: Vuejs 組件間的傳遞數據的方法 ✐ 在 Vue 之中,組件之間的數據並不共用,換句話說,組件之間若是需要傳遞數據,需要透過幾種方式進行: 以下列...

技術 [ Nuxt.js 2.x 系列文章 ] Nuxt.js 專案架設與目錄結構

版本:nuxt 2.15.8 說到 Nuxt,必須先從 Vue.js 說起,Vue.js 為專注在視圖層(View) 的 JS 框架,為 SPA(Singl...

跟 VueJS 認識的30天 系列 第 19

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

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

鐵人賽 Modern Web DAY 20

技術 D19 - 「吶,你想要成為什麼顏色?」:打造一個調色盤吧!

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

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

技術 Vue 自定義事件 - 拋出子組件數據

Props down, Event up ✐ Prop 是數據由父組件向子組件流動的 單向數據流,也就代表子組件無法透過 Prop 更改父組件的數據(注意,盡量...

鐵人賽 Modern Web DAY 5

技術 寫一個 Vue 頁面

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

鐵人賽 Modern Web DAY 7
玩轉 Storybook 系列 第 7

技術 玩轉 Storybook: Day 07 Write stories

Template & Args 同一個元件的多個story function,都會重複的指定相同的Template,可以拉出一個共用 template...

鐵人賽 Modern Web DAY 8
玩轉 Storybook 系列 第 8

技術 玩轉 Storybook: Day 08 Parameters

Parameter Parameter 是用來定義Stories的靜態metadata(解釋資料的資料),Parameter能提供給不同的addon去做設定。...

跟 VueJS 認識的30天 系列 第 20

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

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

鐵人賽 自我挑戰組 DAY 14

技術 Day14 萬丈高樓平地起(2):Vue 的生命週期中的同步非同步

本文同步發表於斜槓女紙部落格:Day14 萬丈高樓平地起(2):Vue 的生命週期中的同步非同步 今天用個實際範例來看看在Vue的生命週期中,before...

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

技術 Day 13:巢狀路由的孩子-Nested Routes

目前設定的 Navbar 路由架構還算單純,並且只有單層路徑,但是當專案規模愈來愈大、功能類別拆分的愈趨詳細時,整體網站就相對需要更具層級性的規劃,此時路由架構...

鐵人賽 Vue.js DAY 22
Nuxt 3 實戰筆記 系列 第 22

技術 [Day 22] Nuxt 3 使用 SVG 的解決方案與更方便的使用 Icon 圖示

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

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

技術 Vue 原來是法語? Vue 的超簡短歷史介紹

tags: Vuejs TL;DR ✐ 要了解 Vue 的簡短歷史,筆者推薦可以自這部由 Honeypot 在 2020.02.24 發布的 Vue.js: T...

鐵人賽 Vue.js DAY 17
Vue3歡樂套件箱耶 系列 第 17

技術 開箱17:是不是跟我一樣困惑異步加載???defineAsyncComponent範例應用

上篇簡單介紹了圖片懶加載,那其實頁面(組件)也可以懶加載,因此本篇要介紹改進初始頁面加載的好方法 也就是將我們的應用程式以較小的區塊加載,而不必在頁面加載時...

鐵人賽 Modern Web DAY 1

達標好文 技術 D00 - 緣起

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

鐵人賽 Modern Web DAY 9
玩轉 Storybook 系列 第 9

技術 玩轉 Storybook: Day 09 Decorators

Decorators Decorator是一種設計模式,把要被裝飾的Story當做參數,傳入裝飾器中,Decorator可以幫Story加上額外的資訊,賦予給S...

鐵人賽 Modern Web DAY 18
玩轉 Storybook 系列 第 18

技術 玩轉 Storybook: Day 18 Automated Visual Testing

視覺回溯測試 做視覺回溯測試的目的是要檢查每次修改元件UI的變化,當專案越來越大時,或是接近上線時期,修改元件的部分,有時會影響到整個專案。人工去檢視一定會有疏...

鐵人賽 Modern Web DAY 18

技術 [前端暴龍機,Vue2.x 進化 Vue3 ] Day18.組件練習-分頁(一)

組件的部份因為有比較複雜,所以會做個小練習來熟悉一點 - 分頁的組件 分頁組件(props & $emit 運用) 快速利用簡單的分頁組件範例來寫個小練...

鐵人賽 影片教學 DAY 17
Nuxt 3 快速入門 系列 第 17

技術 [影片教學] Nuxt 3 使用 Pinia 進行狀態管理

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

鐵人賽 Modern Web DAY 12

技術 [Day 12] Vue Quasar 表單元件 1 - Field

序 大家好,這篇開始就開始來談後端表單常用到的元件吧~ 原本的旅遊系列再來的頁面都是以layout為主 但是quasar的layout元件也差不多介紹完了 才發...

鐵人賽 自我挑戰組 DAY 8
前端新手筆記-Vue.js 系列 第 8

技術 Day8 Vue 指令V-for介紹

前言 昨天介紹了V-bind用法,今天我們就來介紹v-for吧!本文同步發表於Andy's Blog 參考資料:官網v-for介紹練習檔案 V-for 用途:...

鐵人賽 Modern Web DAY 9

技術 [Vue.js][日記]監聽屬性&計算屬性

超緊繃!30天Vue.js學習日記 監聽屬性&計算屬性 大家好,今天我要介紹的是Vue中的監聽屬性(watch)以及計算屬性(computed),並且...

鐵人賽 Modern Web DAY 6

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

超緊繃!30天Vue.js學習日記 指令V集合! 大家好,我今天要帶來的是:指令(directives)的介紹,在vue中,指令帶有 v- 的前綴特性,其功能...

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

技術 Day11 前端頁面狀態管理 - Pinia

選單位置記憶 拆完頁面後,我們來解決選單項目位置的問題,原先的做法是每個頁面去手動變更class,讓當前的頁面選單會有高亮反白的顯示,這個動作如果每個頁面都要做...

鐵人賽 Modern Web DAY 3
每日文章推薦 系列 第 3

技術 Day3 為何是看中文的為主

原因 閱讀速度 同樣長度 中文的我可能看五分鐘 英文的可能要花上三倍時間 這麼多的文章要看我當然也只能有中文的先看中文 數量 我一天大概是看三四十篇文章 只認真...

鐵人賽 Modern Web DAY 14

技術 [Day 14] Vue Quasar 表單元件 3 - Radio

簡單的單選元件 Radio Radio Quasar的Radio元件跟其他表單輸入元件的基本屬性都大同小異 一樣也可以用QFiled把它包裝起來哦 引入元件 f...

鐵人賽 Modern Web DAY 24

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day23 - 與 Vue 共舞

今天的練習基本上跟前一篇非常類似,不過就只是將主角從 React 換成了 Vue ,大體上沒有太大的改變。 但是魔鬼藏在細節裡,且為了不是每天文章都會仔細閱讀的...

鐵人賽 Modern Web DAY 22

技術 [VR 前後端交響曲Day22] Rails專案開發 - Vue draggable套件拖拉ticket

已經來到第22天了!剩下一週的時間我的專案就要部署(顯示為加緊趕工)~ 昨天的鐵人賽把column拖拉完成, 今天的需求:拖拉ticket,而且可以移動到不同的...

鐵人賽 自我挑戰組 DAY 3
Vuex 學習筆記 系列 第 12

技術 [Vue.js] Vuex 學習筆記 (12) - 嚴格模式

嚴格模式 Strict Mode 開啟嚴格模式只需要在建立 store 時傳入 strict: true 。 const store = new Vuex.S...

鐵人賽 Modern Web DAY 11

技術 D10 - 「數位×IN×OUT」

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