iT邦幫忙

vue相關文章
共有 92 則文章
鐵人賽 Modern Web DAY 9

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

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

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

技術 Day3 Vue Instance(實體)介紹

上一篇文章我們簡單介紹了Vue的幾個重要特性(漸進式框架、MVVM、元件、載入方式)。若不清楚的話,可以點擊上篇觀看Day2 - Vue 基本介紹(漸進式框架、...

鐵人賽 Modern Web DAY 8

技術 [Vue.js][日記]組件在蓋,基礎手法要有!

超緊繃!30天Vue.js學習日記 組件在蓋,基礎手法要有! 大家好,挖喜Ian啦!今天要來介紹的是在vue中很重要的一環-組件(Component) 通常我...

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

技術 Day2 - Vue 基本介紹(漸進式框架、MVVM、元件)

何謂Vue? 我們可以把它視為一個漸進式框架或是函式庫。而什麼是漸進式框架呢? 漸進式框架 白話文:就是你想要用哪部分都可以自行決定。有點像是你買一個可拆式工具...

鐵人賽 Modern Web DAY 7

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

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

鐵人賽 Modern Web DAY 6

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

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

鐵人賽 Modern Web DAY 5

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

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

鐵人賽 Modern Web DAY 4

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

超緊繃!30天Vue.js學習日記 生命週期的變化是如此美妙啊! 大家好,我IAN啦!今天要來介紹的是在官方文件中所提到的生命週期, 官方文件給了以下圖示並且...

鐵人賽 Modern Web DAY 3
VueJS 從前端到後端 系列 第 3

技術 Component 基本入門 Day 2

部落格同步刊登 [IT 鐵人賽] Component 基本入門 Day 2 現今算是 Web Component 當道,如果撇除 HTML5 原生的元件,那麼其...

鐵人賽 Modern Web DAY 2
VueJS 從前端到後端 系列 第 2

技術 VueJS 快速入門 Day 1

部落格同步刊登 [IT 鐵人賽] VueJS 快速入門 Day 1 VueJS 算是最近比較熱門的項目之一,官方文件也相對齊全。我們這裡要看的目前還是以 V...

鐵人賽 Modern Web DAY 1
VueJS 從前端到後端 系列 第 1

技術 Vue 從前端到後端 Day 0

部落格同步刊登 [IT 鐵人賽] Vue 從前端到後端 Day 0 上次參加好像是 2014 年,然後我寫到第二篇就超過時間,索性直接放棄(欸)。不過,由於...

技術 用 vuetify-loader 提升 Vue 開發體驗

好久沒寫文章,心血來潮發一篇 重點先放三遍 不用 Vuetify 也可以用 vuetify-loader 哦 不用 Vuetify 也可以用 vuetify-...

技術 用vue開始一個新專案

最近開始了一個用vue作為前端語言的專案,紀錄一下生產的過程。 首先這個專案是用vue cli建立,在建立之前,我們的電腦必須下載ndde.js,以及它的管理套...

技術 Vue Cli 3 + vue-cli-plugin-cordova 安裝環境

第一次使用 Cordova + Vue 開發 APP,順便將安裝開發環境的步驟紀錄下來。 安裝 Vue Cli Cordova JDK (Andro...

技術 Vue.js [watch]: 物件屬性如何用 watch

遇到問題 在使用 Vue 的 watch 的時候,一般都是用這樣的 watch:{ text:{ handler(newValue){...

技術 vue style Guide

紀錄一下自己學習的歷程 有理解錯誤的歡迎提出指教 必要的 組件名稱最好為多個單詞,可以避免跟未來的 HTML tag 衝突。 例如 todo 改成 todo...

技術 NUXT.js 筆記 - 前言

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

鐵人賽 Modern Web DAY 21

技術 [Day 21] Vue Quasar 彈跳視窗 1 - Action Sheet

下方的彈出選單 Action Sheet Action Sheet 這是一個從螢幕下方彈跳出小選單的元件 在Android及iOS上也都有類似的原生元件 不過如...

鐵人賽 Modern Web DAY 17

技術 [Day 17] Vue Quasar 表單元件 7 - Option Group

選項元件直接打包一次做好Option Group Option Group 有時候要做一堆選項,是不是覺得要複製一大堆radio、checkbox很煩呢,所以我...

鐵人賽 自我挑戰組 DAY 17

技術 (第十七天)自我練習專案 - 資料的移動

開始練習 WorkBoard 需要的套件 Vue.Draggable 是這次我們用來製作 WorkBoard 的重要套件,這個套件可以實現我們在實作 Work...

鐵人賽 Modern Web DAY 14

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

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

鐵人賽 Modern Web DAY 13

技術 13. Nuxt 客製頁面效果 - 轉場(Transition)

這篇是頁面客製段落其三,主題講「Nuxt 頁面轉場效果如何調整」 回憶兩種暫態 正在讀取中 => 讀取效果 (Loading) 頁面切換中 =>...

鐵人賽 Modern Web DAY 13

技術 [Day 13] Vue Quasar 表單元件 2 - Chips Input

輸入陣列的好幫手 Chips Input Chips Input 是不是有些時候建立使用者表單輸入時,會有能填多種值的欄位,像是興趣、職業等等。 但是又怕使用...

鐵人賽 Modern Web DAY 12

技術 12. Nuxt 客製頁面效果 - 讀取(Loading)

這篇是頁面客製段落其二,主題講「Nuxt 頁面讀取效果如何調整」 用來補充頁面細部設定 讓我們回想錯誤頁面,是用來「呈現錯誤狀態的頁面元件」 而頁面渲染前,N...

鐵人賽 Modern Web DAY 12

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

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

鐵人賽 Modern Web DAY 11

技術 11. Nuxt 頁面驗證和錯誤顯示

接下來幾篇都屬頁面客製,這篇講「Nuxt 發生錯誤時,他怎麼判斷與反應」 先回顧這張流程圖 Nuxt 收到請求時,會經過這麼多步驟 而碰到不可預期的錯誤或頁面...

鐵人賽 Modern Web DAY 11

技術 [Day 11] Vue Quasar 打造 旅遊網站系列 7 - Parallax、Breadcrumbs、Rating

GitHub Demo 今天完成後的畫面 首頁部分已經差不多了 剩下頁尾以及一些小區塊 因為元件都跟之前的文章有重複到 故在這邊就不實作會功能重複的區塊了 製...

鐵人賽 Modern Web DAY 11

技術 Day11 - Vue & Axios 封裝

今天換來做 VUE 先前已經將ROUTER & MATERIAL套用進來, 這一次想實作封裝HTTP的功能,如 VUE官方推薦,我們要用axios。 簡...

鐵人賽 Modern Web DAY 10

技術 [Day 10] Vue Quasar 打造 旅遊網站系列 6 - Cards (卡片)

GitHub Demo 今日完成的畫面 首頁的第一個區塊做完了 今天就來做第二個區塊吧 先看看兩大家的頁面 這種卡片形式的元件,咱們Quasar也有 我...

鐵人賽 Modern Web DAY 9

技術 09. Nuxt 頁面元件細部設定

Nuxt 頁面元件跟 Vue File 哪裡不同? Nuxt Routing 自動映射介紹過,/pages 的 Vue File 對應各個頁面。 雖然寫法一樣,...