iT邦幫忙

vue相關文章
共有 351 則文章
鐵人賽 自我挑戰組 DAY 22

技術 Day22 閒不下來的史萊姆(三):scroll down按鈕實作

本文同步發表於斜槓女紙部落格:Day22 閒不下來的史萊姆(三):scroll down按鈕實作 平順滑動到指定的位置 相信大家應該有使用過HTML錨點(...

鐵人賽 自我挑戰組 DAY 21

技術 Day21 寫於開始實作前(2):Vue.js的Methods以及監聽事件 (v-on)

本文同步發表於斜槓女紙部落格:Day21 寫於開始實作前(2):Vue.js的Methods以及監聽事件 (v-on) 實作到目前為止,大部分還在處理靜態...

鐵人賽 Modern Web DAY 20

技術 記帳程式 (20):支出紀錄的新增、修改、刪除 feat. Firestore

熟悉的標題,最對味。不加一下天數都快忘了自己寫到哪一天了。 昨天成功將 Firestore 引入原本的記帳程式後,今天要回頭繼續把前面因為沒有 API...

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

技術 Day 20 Vue Component(元件)-props.sync 溝通方式

本文同步發表於Andy's Blog 前言 昨天介紹完this.$parent、this.$child方法後,突然想到沒有介紹到.sync這個語法糖。OK,...

鐵人賽 Modern Web DAY 25

技術 [Vue.js][日記]擁抱全家桶系列-Vue-cli (2)

超緊繃!30天Vue.js學習日記 擁抱全家桶系列-Vue-cli (2) 大家好,在了解webpack之後,我們必須搭建好vue-cli的開發環境,小弟我在...

鐵人賽 自我挑戰組 DAY 20

技術 Day20 寫於開始實作前(1):不用抱大腿也能直接使用Vue製作過場效果及動畫

本文同步發表於斜槓女紙部落格:Day20 寫於開始實作前(1):不用抱大腿也能直接使用Vue製作過場效果及動畫 切版的孩子們一定多多少少都會需要用到網頁動...

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

技術 Day19 Vue Component溝通($parent、$children)

本文同步刊載於Andy's Blog 前言 這兩天介紹完Vue第一種元件之間的溝通方式,props in ,emit out,並且針對props使用上也做了...

鐵人賽 Modern Web DAY 19

技術 Vue 專案串接 Firestore 資料

前言 在前面幾天的時候,因為還是想要直接能串資料庫,所以將主題切出去學習一下 Firestore,今天就要來將 Firestore 導入 Vue 專案了,一邊...

鐵人賽 Modern Web DAY 24

技術 [Vue.js][日記]擁抱全家桶系列-Vue-cli (1)

超緊繃!30天Vue.js學習日記 擁抱全家桶系列-Vue-cli (1) 大家好,在我們挑戰大魔王:vue-cli之前,我們要先初步探討開發模板:webpa...

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

技術 Day18 Vue Component(元件)-props使用注意細項(2)

文章同時刊載於Andy's Blog 前言 延續昨天話題,今天會來繼續聊聊props使用注意細節。 狀況一:讀取遠端資料 我們今天如果使用AJAX讀取遠端資...

鐵人賽 自我挑戰組 DAY 19

技術 Day19 閒不下來的史萊姆(二):網站基本資料統整與footer元件實作

本文同步發表於斜槓女紙部落格:Day19 閒不下來的史萊姆(二):網站基本資料統整與footer元件實作 相信跟我一樣在切版的大家都有跟我同樣的經驗,總是...

技術 element-ui 的 el-table 上使用无限滚动加载(与自带的 infinite-scroll 结合)

[TOC] 在线示例:https://yujinpan.github.io/el-table-infinite-scroll/ 实现原理:https://g...

鐵人賽 Modern Web DAY 23

技術 [Vue.js][日記]擁抱全家桶系列-Vue-Router(2)

超緊繃!30天Vue.js學習日記 擁抱全家桶系列-Vue-Router(2) 大家好,我是IAN啦!之前在組件介紹有提到動態組件,那路由器呢?當然也有動態路...

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

技術 Day17 Vue Component(元件) - props使用注意細項(1)

本文同步發表於Andy's Blog 前言 昨天介紹了元件與元件之間的溝通方式:props in,emit out,而我們今天要針對Props操作上細部介紹...

鐵人賽 自我挑戰組 DAY 18

技術 Day18 閒不下來的史萊姆(一):將房間列表改用x-template 建立元件

本文同步發表於斜槓女紙部落格:Day18 閒不下來的史萊姆(一):將房間列表改用x-template 建立元件 鐵人賽進展到今天,默默地也快突破20天。前...

鐵人賽 Modern Web DAY 22

技術 [Vue.js][日記]擁抱全家桶系列-Vue-Router(1)

超緊繃!30天Vue.js學習日記 擁抱全家桶系列-Vue-Router(1) 大家好!今天我要介紹的是Vue官方所推出的路由工具:Vue-Router 官網...

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

技術 Day16 Vue Component(元件) props、emit介紹

本文同步發表於Andy's Blog 前言 昨天認識了Component特性後,我們今天要來介紹Component之間如何傳遞資料 元件溝通方式 元件與元件...

鐵人賽 自我挑戰組 DAY 17

技術 Day17 萬丈高樓平地起(5):元件間的溝通橋樑Props(2)

本文同步發表於斜槓女紙部落格:Day17 萬丈高樓平地起(5):元件間的溝通橋樑Props(2) 嗨!承接昨天的內容,今天要繼續和大家聊props的一些眉...

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

技術 Day 15 Vue Component(元件) 介紹、建立方式、特性

本文同步發表於Andy's Blog 前言 今天終於要進入Vue Component單元勒(撒花),而在接下來幾天我們會來慢慢介紹元件的相關內容,那我們就開...

鐵人賽 自我挑戰組 DAY 16

技術 Day16 萬丈高樓平地起(4):元件間的溝通橋樑Props(1)

本文同步發表於斜槓女紙部落格:Day16 萬丈高樓平地起(4):元件間的溝通橋樑Props(1) 昨天說到Vue的每個元件是獨立運作,但Vue設計元件的目...

鐵人賽 Modern Web DAY 20

技術 [特別篇][日記]學會它,開發更簡單!(1)

超緊繃!30天Vue.js學習日記 學會它,開發更簡單!(1) 大家好,今天我們要介紹的不是Vue,而是我在學習Vue時很常搭配的前端框架-Bootstrap...

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

技術 Day14 練習做一個貨幣轉換器

本文同步發表於Andy's Blog 前言 這兩天,我們介紹了computed、watch、method()、filter屬性。並且對這些特性的使用方式做了...

鐵人賽 自我挑戰組 DAY 15

技術 Day15 萬丈高樓平地起(3):元件 Components 簡介

本文同步發表於斜槓女紙部落格:Day15 萬丈高樓平地起(3):元件 Components 簡介 嗨!今天持續跟大家聊聊Vue.js的基礎觀念。 曾經有位...

鐵人賽 Modern Web DAY 19

技術 [Vue.js][日記]來個期中練習吧!

超緊繃!30天Vue.js學習日記 來個期中練習吧! 大家好,不知不覺已經來到18天了,基本語法也告一段落,所以今天決定來點不一樣的東西:Todo List...

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

技術 Day 13 Vue Filter 過濾器介紹

本文同步發表於Andy's Blog 前言 昨天我們將computed、methods()、watch,三個屬性做了一個簡單比較。而今天我們將要介紹另外一個...

鐵人賽 自我挑戰組 DAY 14

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

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

鐵人賽 Modern Web DAY 18

技術 [番外篇][日記]番外篇的部分,趕緊上車啦!!!

大家好,我Ian啦!今天應該算是特別篇吧,我在9/28參加了一年一度的JSDC前導,所以想在這邊跟大家分享一下自己的心得: 先說說我自己為什麼報名好了,我在去...

鐵人賽 自我挑戰組 DAY 13

技術 Day13 萬丈高樓平地起(1):Vue 的生命週期

本文同步發表於斜槓女紙部落格:Day13 萬丈高樓平地起(1):Vue 的生命週期 生活的道路一旦選定了,就要勇敢的走下去。是的,一旦報名鐵人賽,就要認...

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

技術 Day12 Vue computed VS watch VS method

本文同步發表於Andy's Blog 前言 這兩天我們介紹完了Computed與watch特性與用法。那今天我們將來了解一下,這三者有什麼差異。 第一部分:...

鐵人賽 Modern Web DAY 17

技術 [Vue.js][日記]CSS過渡

超緊繃!30天Vue.js學習日記 CSS過渡 大家好,今天要介紹的是CSS過渡! 過渡系統是Vue為DOM動畫效果所提供的特性,當我們對元素從DOM中插入或...