iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2 Like 0 留言 1521 瀏覽

鐵人賽自我挑戰組 DAY 16

前端史萊姆與Vue的三十天時光冒險系列第 16 篇

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

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

鍾小呆 ‧ 2019-10-01

1 Like 0 留言 4627 瀏覽

鐵人賽自我挑戰組 DAY 15

前端史萊姆與Vue的三十天時光冒險系列第 15 篇

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

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

鍾小呆 ‧ 2019-09-30

1 Like 0 留言 1294 瀏覽

鐵人賽 Modern Web DAY 14

超緊繃!30天Vue.js學習日記系列第 14 篇

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

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

EN ‧ 2019-09-25 ‧團隊IT成長團

1 Like 0 留言 2840 瀏覽

鐵人賽自我挑戰組 DAY 14

前端史萊姆與Vue的三十天時光冒險系列第 14 篇

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

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

鍾小呆 ‧ 2019-09-29

1 Like 0 留言 3107 瀏覽

鐵人賽自我挑戰組 DAY 13

前端史萊姆與Vue的三十天時光冒險系列第 13 篇

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

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

鍾小呆 ‧ 2019-09-28

2 Like 0 留言 15580 瀏覽

鐵人賽自我挑戰組 DAY 9

前端新手筆記-Vue.js 系列第 9 篇

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

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

chunwen ‧ 2019-09-25

0 Like 0 留言 1344 瀏覽

鐵人賽 Modern Web DAY 13

超緊繃!30天Vue.js學習日記系列第 13 篇

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

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

EN ‧ 2019-09-24 ‧團隊IT成長團

1 Like 0 留言 2688 瀏覽

鐵人賽自我挑戰組 DAY 8

前端新手筆記-Vue.js 系列第 8 篇

技術 Day8 Vue 指令V-for介紹

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

chunwen ‧ 2019-09-24

1 Like 0 留言 1502 瀏覽

鐵人賽自我挑戰組 DAY 11

前端史萊姆與Vue的三十天時光冒險系列第 11 篇

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

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

鍾小呆 ‧ 2019-09-26

1 Like 0 留言 4498 瀏覽

鐵人賽自我挑戰組 DAY 7

前端新手筆記-Vue.js 系列第 7 篇

技術 Day7 Vue 指令V-bind介紹

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

chunwen ‧ 2019-09-23

1 Like 0 留言 1238 瀏覽

鐵人賽 Modern Web DAY 12

超緊繃!30天Vue.js學習日記系列第 12 篇

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

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

EN ‧ 2019-09-23 ‧團隊IT成長團

1 Like 1 留言 11286 瀏覽

鐵人賽自我挑戰組 DAY 6

前端新手筆記-Vue.js 系列第 6 篇

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

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

chunwen ‧ 2019-09-22

0 Like 1 留言 2083 瀏覽

鐵人賽 Modern Web DAY 11

超緊繃!30天Vue.js學習日記系列第 11 篇

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

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

EN ‧ 2019-09-22 ‧團隊IT成長團

1 Like 0 留言 1682 瀏覽

鐵人賽自我挑戰組 DAY 10

前端史萊姆與Vue的三十天時光冒險系列第 10 篇

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

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

鍾小呆 ‧ 2019-09-25

1 Like 1 留言 10303 瀏覽

鐵人賽自我挑戰組 DAY 5

前端新手筆記-Vue.js 系列第 5 篇

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

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

chunwen ‧ 2019-09-21

3 Like 0 留言 4017 瀏覽

鐵人賽 Modern Web DAY 10

超緊繃!30天Vue.js學習日記系列第 10 篇

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

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

EN ‧ 2019-09-21 ‧團隊IT成長團

1 Like 0 留言 2081 瀏覽

鐵人賽自我挑戰組 DAY 7

前端史萊姆與Vue的三十天時光冒險系列第 7 篇

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

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

鍾小呆 ‧ 2019-09-22

2 Like 1 留言 9794 瀏覽

鐵人賽 Modern Web DAY 4

從零開始的個人化記帳程式開發系列第 4 篇

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

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

ckchuang ‧ 2019-09-20 ‧團隊Wow Doge!

3 Like 0 留言 2713 瀏覽

鐵人賽 Modern Web DAY 9

超緊繃!30天Vue.js學習日記系列第 9 篇

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

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

EN ‧ 2019-09-20 ‧團隊IT成長團

2 Like 0 留言 1636 瀏覽

鐵人賽 Modern Web DAY 8

超緊繃!30天Vue.js學習日記系列第 8 篇

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

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

EN ‧ 2019-09-19 ‧團隊IT成長團

1 Like 0 留言 6209 瀏覽

鐵人賽自我挑戰組 DAY 4

前端新手筆記-Vue.js 系列第 4 篇

技術 Day4 - Vue 生命週期介紹

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

chunwen ‧ 2019-09-20

2 Like 0 留言 1828 瀏覽

鐵人賽 Modern Web DAY 7

超緊繃!30天Vue.js學習日記系列第 7 篇

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

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

EN ‧ 2019-09-18 ‧團隊IT成長團

1 Like 0 留言 5972 瀏覽

鐵人賽自我挑戰組 DAY 3

前端新手筆記-Vue.js 系列第 3 篇

技術 Day3 Vue Instance(實體)介紹

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

chunwen ‧ 2019-09-19

2 Like 0 留言 7382 瀏覽

鐵人賽自我挑戰組 DAY 2

前端新手筆記-Vue.js 系列第 2 篇

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

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

chunwen ‧ 2019-09-18

2 Like 1 留言 2665 瀏覽

鐵人賽 Modern Web DAY 6

超緊繃!30天Vue.js學習日記系列第 6 篇

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

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

EN ‧ 2019-09-17 ‧團隊IT成長團

2 Like 0 留言 1670 瀏覽

鐵人賽 Modern Web DAY 5

超緊繃!30天Vue.js學習日記系列第 5 篇

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

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

EN ‧ 2019-09-16 ‧團隊IT成長團

2 Like 0 留言 2094 瀏覽

鐵人賽 Modern Web DAY 4

超緊繃!30天Vue.js學習日記系列第 4 篇

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

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

EN ‧ 2019-09-15 ‧團隊IT成長團

2 Like 1 留言 1958 瀏覽

鐵人賽 Modern Web DAY 3

超緊繃!30天Vue.js學習日記系列第 3 篇

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

進入正題本篇要介紹的是在 Vue 官網中最先提到的概念: Instance。實例 (instance) 當我們使用 Vue 去建構 Web 應用時，都是先...

EN ‧ 2019-09-14 ‧團隊IT成長團

4 Like 0 留言 3177 瀏覽

鐵人賽 Modern Web DAY 1

超緊繃!30天Vue.js學習日記系列第 1 篇

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

第一次接觸 Vue 的時候，是去年的 7 、 8 月，雖說是接觸，但可能連官方的 getting started 都還沒做完，也搞不懂 Vue.js 的用途是...

EN ‧ 2019-09-12 ‧團隊IT成長團

0 Like 1 留言 17592 瀏覽