iT邦幫忙

vue相關文章
共有 669 則文章

技術 Javascript 進階 7-5 屬性特徵與主流框架(Vue)的關係

這篇文章將利用第七單元所學到的內容來檢視 主流框架(Vue) 的撰寫技巧 首先我們先來看到 Vue 的原始碼: https://github.com/vuejs...

技術 Vue.js 父元件及子元件間的生命週期(Lifecycle)

之前已經有提到 Vue 實體的生命週期,現在我們來研究一下如果加上子元件的話整個生命週期會是怎麼跑的。 建立父元件 使用 Vue 的 root 當作父元件: &...

技術 [學習筆記] Vue 專案在ie下卻跑不動了 白屏!!!

[參考文章] https://blog.csdn.net/u014054437/article/details/82983259 因專案問題,遇上了強大ie!...

技術 element-ui 的 el-select 与 el-tree 的功能组合

[TOC] 简介 element-ui 的 el-select 与 el-tree 组件的功能组合。 在线实例:https://yujinpan.github...

鐵人賽 Modern Web

技術 [Vue.js][日記]親愛的,我讓Mobile Web變成了PWA

超緊繃!30天Vue.js學習日記 親愛的,我讓Mobile Web變成了PWA 大家好,我是IAN。 接續著昨天的主題製作簡易的天氣預報頁面,過於無聊的我今天...

鐵人賽 Modern Web

技術 [Vue.js][日記]無聊加個菜

超緊繃!30天Vue.js學習日記 無聊加個菜大家好!我是Ian,這幾天真的過的非常愜意阿...終於有時間來看看其他大神們的文章了,其中有看到pj大的從 Hoo...

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

技術 Day 26 Vue-router簡介

前言 昨天介紹完Vue CLI2、3如何建立後,我們今天來認識一下Vue-router怎麼使用吧! Vue Router簡介 Vue Router就是由前端模...

鐵人賽 Modern Web DAY 30

技術 [Vue.js][日記]完賽心得

超緊繃!30天Vue.js學習日記 完賽心得 大家好,我是Ian不是Peter啦!就在今天,我的超緊繃!30天Vue.js學習日記也成功完賽了(汗)這30天的...

鐵人賽 Modern Web DAY 30

技術 [Vue.js][日記]擁抱全家桶系列-東西太多?蓋個倉庫通通塞進去吧!(2)

超緊繃!30天Vue.js學習日記 擁抱全家桶系列-東西太多?蓋個倉庫通通塞進去吧!(2) 大家好,接續昨天的主題,我們繼續探討Vuex的基本核心:D #ac...

鐵人賽 Modern Web DAY 29

技術 [Vue.js][日記]擁抱全家桶系列-東西太多?蓋個倉庫通通塞進去吧!(1)

超緊繃!30天Vue.js學習日記 擁抱全家桶系列-東西太多?蓋個倉庫通通塞進去吧!(1) 大家好!時光飛逝,不知不覺也來到第29天了阿...我們也將邁入最後...

鐵人賽 Modern Web DAY 28

技術 [Vue.js][日記]擁抱全家桶系列-你問我資料哪裡來?(2)

超緊繃!30天Vue.js學習日記 擁抱全家桶系列-你問我資料哪裡來?(2) 大家好,經過了20 多天的介紹,我們對vue的基礎都有一定的了解,在昨天的day...

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

技術 Day22 Vue Component(元件) is動態切換元件

本文同步發表於Andy's Blog 前言 昨天介紹完event bus,那我們今天來了解如何用is動態切換元件 is動態切換元件介紹 用途:最常使用在頁籤...

鐵人賽 Modern Web DAY 27

技術 [Vue.js][日記]擁抱全家桶系列-你問我資料哪裡來?(1)

超緊繃!30 天 Vue.js 學習日記 擁抱全家桶系列-你問我資料哪裡來?(1) 大家好,我是 IAN 不是 PETER,在學習如何使用 Vue 開發 SP...

鐵人賽 Modern Web DAY 26

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

超緊繃!30天Vue.js學習日記 擁抱全家桶系列-Vue-cli (3) 大家好,在昨天我們建置了node的開發環境,並且安裝Vue-cli後,今天要對Vu...

鐵人賽 Modern Web DAY 20

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

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

鐵人賽 Modern Web DAY 24

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

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

鐵人賽 自我挑戰組 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 21
前端新手筆記-Vue.js 系列 第 21

技術 Day21 Component(元件)-event bus

本文同步刊載於Andy's Blog 前言 昨天介紹了props.sync方法,今天我們來介紹另外一種元件的溝通方式。event bus(老司機XD)。 開...

鐵人賽 自我挑戰組 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...

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

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

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

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

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

鐵人賽 Modern Web DAY 23

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

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

鐵人賽 Modern Web DAY 22

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

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

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

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

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

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

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

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

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

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

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

鐵人賽 Modern Web DAY 20

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

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