iT邦幫忙

vue相關文章
共有 351 則文章
鐵人賽 自我挑戰組 DAY 11
前端新手筆記-Vue.js 系列 第 11

技術 Day11 Vue Watch介紹

本文同步發表於Andy's Blog 前言 昨天介紹完Computed屬性後,我們今天要來介紹Watch。 Watch 用途:主要是用來監聽實體內特定的變數...

技術 Vue心得筆記(1) -- array的響應

版本: Vue.js v2.6.10 使用方式: <html> <head> <script src="https:...

鐵人賽 Modern Web DAY 16

技術 [Vue.js][日記]過濾器在手,資料改起來!

超緊繃!30天Vue.js學習日記 過濾器在手,資料改起來! 大家好,今天要來跟大家介紹過濾器,假設今天我們從後端取得了一些資料(像是數字….之類的),我們想...

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

技術 Day10 Vue computed 屬性介紹

本文同步發表於Andy's Blog 前言 開始前,我們先幫大家複習一下,這幾天介紹的內容(如下圖),若對於指令語法仍有疑問。大家可以自行到官網參考指令介紹...

鐵人賽 自我挑戰組 DAY 11

技術 Day 11 一轉任務(二):將房間資料show到網頁畫面上(2)

本文同步發表於斜槓女紙部落格:一轉任務(二):將房間資料show到網頁畫面上(2) 昨天終於順利通過v-for和API串接這兩個小壞壞的考驗,接下來就是將...

鐵人賽 Modern Web DAY 15

技術 [Vue.js][日記]組件最終篇-動態組件的部分!

超緊繃!30天Vue.js學習日記 組件最終篇-動態組件的部分! 大家好!在昨天介紹插槽(slot)後,今天要介紹的是動態組件! Vue.js允許我們將多個組...

鐵人賽 自我挑戰組 DAY 10

技術 Day10 一轉任務果然不是好吃的果子:將房間資料show到網頁畫面上(1)

本文同步發表於斜槓女紙部落格:Day10 將房間資料show到網頁畫面上(1) 承接昨天的進度,看到串接success的反饋訊息後,想說趁著這個運氣一口氣...

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

技術 Day9 Vue指令V-if、V-show介紹

前言 昨天介紹完V-for,我們應該對於常見V-for用法有更深入的認識。如:顯示過濾資料,也介紹了使用V-for上需要注意地方,如:不要把V-for跟V-if...

鐵人賽 Modern Web DAY 14

技術 [Vue.js][日記]極致廢話版的SLOT教學

超緊繃!30天Vue.js學習日記 極致廢話版的SLOT教學 大家好,今天要來介紹的是Vue中的插槽(slot),slot負責內容的分發,我們可以藉由它先把一...

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

技術 Day8 Vue 指令V-for介紹

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

鐵人賽 Modern Web DAY 13

技術 [Vue.js][日記]父與子的敲敲話...(2)

超緊繃!30天Vue.js學習日記 父與子的敲敲話(2) 在昨天的文章中,我們了解到如何使用props將數據傳給子組件,那有沒有能讓子組件與父組件溝通的方法呢...

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

技術 Day7 Vue 指令V-bind介紹

前言 上一篇我們介紹了Vue指令:V-bind、V-on,那今天我們要學習另外一個Vue指令:V-bind 本文同步發表於Andy's Blog V-bind...

鐵人賽 Modern Web DAY 12

技術 [Vue.js][日記]父與子的敲敲話...

超緊繃!30天Vue.js學習日記 父與子的敲敲話 大家好,我Ian啦!,今天要介紹的是組件中非常重要的選項(option)-props,它是用於父子組件間的...

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

技術 Day6 Vue 指令V-on、V-model介紹

本文同步刊載於Andy's Blog 前言 昨天我們簡單介紹了Vue的兩種模板語法:分別為插值(Mustache語法)跟指令v-開頭。而今天我們將先介紹V-...

鐵人賽 自我挑戰組 DAY 7

技術 Day7 切版任務(三):首頁畫面搭配ScrollReveal,網頁畫面動次動(2)

本文同步發表於斜槓女紙部落格:切版任務(三):首頁畫面搭配ScrollReveal,網頁畫面動次動(2) 嗨!又見面了,今天會持續將HTML標籤轉換成Vu...

鐵人賽 Modern Web DAY 11

技術 [Vue.js][日記]我還要更多!組件的相關補充

超緊繃!30天Vue.js學習日記 我還要更多!組件的相關補充 大家好,今天我們一樣會繼續介紹Vue.js中的組件,首先送上我在書上看到的語法糖作為補充: &...

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

技術 Day5 Vue模板語法、V-text、V-html、V-once介紹、Vue指令概述

本篇文章同時刊載於Andy's Blog 前言 上一篇文章中我們介紹了Vue的生命週期,了解Vue背後是如何把資料渲染到畫面上,也知道如何在不同life h...

鐵人賽 Modern Web DAY 10

技術 [Vue.js][日記]class與style綁定

超緊繃!30天Vue.js學習日記 class與style綁定 大家好,我ian啦!今天要介紹給大家的是:class與style綁定! class綁定 我...

鐵人賽 Modern Web DAY 4

技術 記帳程式 (04):用 Vue CLI 3 建置專案

技術架構 以下簡單列一下這個專案的技術架構規劃,也有可能會再調整,一開始會先以前端為主,後期有需要會加上後端系統。 前端 Vue CLI 3 Ele...

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

技術 Day4 - Vue 生命週期介紹

前言 上一篇文章中,我們已經為大家簡單介紹Vue Instance,並且透過範例讓大家初步了解該如何使用Vue 。而這篇文章我將為大家介紹Vue元件生命週期。...

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

技術 [Vue.js][日記]一切都得從源頭講起...

超緊繃!30天Vue.js學習日記 一切都得從源頭講起... 2020-08-03: 經過了一年,Vue 3正式版就快要釋出了,有鑑於還有許多邦友在看我的文...

鐵人賽 Modern Web DAY 1

技術 [Vue.js][日記]前言的部分&30天目錄

超緊繃!30天Vue.js學習日記 前言的部分 第一次接觸Vue的時候,是去年的7、8月,雖說是接觸,但可能連官方的getting started都還沒做完?...