今日前言 在之前的教學裡，教大家如何抑制自己過度使用娛樂軟體，不知道大家有沒有做到呢?筆者自己是被限制很久啦><，也還好有限制，筆者才沒忘記今天的代辦事項，否則樂極生悲，差點不能好好畢業。...
今天要學習的部分是 Higher order component，這是一種可以複用元件邏輯的高階技術。 但除了複用元件的邏輯之外，也可以用於增強樣式、元件內容等等，在正常的情況下，不會對於原本的元件有...
當我們開始使用component之後會發現一些問題接踵而來，最常見的就是component之間要如何溝通，相互傳值。 父傳子 將 外層/上層 的資料傳遞給 內層/下層 ，我們可以透過props來達到...
上一篇我們使用Node建立了基本的開發環境與安裝套件後，今天就來建立元件(Component)吧！前面有提到SPA render的原理，以及建立Component後的render，所以目標是建立頁面，...
tags: Vue.js ItIron2020 前言 我們在之前認識了vue實體、vue組件以及如何在父子層的組件透過props & emit相互溝通，作為額外補充還簡單介紹了一下slot的概...
Binary Search Tree Contains 找二元搜尋樹裡面的 node。 題目: 給一個值 x，請在 Binary Search Tree 內搜尋有無 x 並回傳該 node，若無則回傳...
元件間的溝通 官網表示：在絕大多數情況下，最好不要干涉另一個元件實例內部或手動操作DOM 元素。不過在某些情況下，是可以適合這樣使用，讓我們看下去。 訪問父元件Instance $parent...
為了能重複使用元件，我們在使用元件時，可以傳參數過去。這篇延續Component介紹的按鈕元件範例，原本的按鈕上顯示的是Click me !文字，我們現在將Mybtn稍微修改一下，讓使用時可以傳不同的...
本日前言 早上醒來的時候，因為窗簾拉下室內很黑，結果拿手機看了一下時間差點瞎掉，有點太亮了，自己昨天講了如何調整亮度跟色溫，結果今天差點瞎掉.....，沒關係該來的還是要來，今天也為各位帶來了很讚的一...
在這篇開始之前，為了讓畫面簡潔，我們先把程式碼恢復成新建時候的樣子。(忘記原來面貌的小夥伴，下面會附上程式碼) Component 有沒有小夥伴曾經好奇過，我們程式碼中的HelloWorld到底是甚...