第十一屆鐵人賽前端工程師的另一個選擇 svelte DAY20- 衍生的store

derived store

writable store 是甚麼呢，在介紹完readable store後，今天要來跟大家分享的就是 writable store 這個東西，相較於readable store唯讀的store， writable store 是可以讓元件寫入、更新的 store，接下來在說明一下甚麼時候用跟如何用。閱讀全文〈第十一屆鐵人賽前端工程師的另一個選擇 svelte DAY19- 可以寫入的store〉

readable store 是甚麼呢?今天這篇就來分享一下甚麼是svelte的readable store，並且透過這一篇來替svelte的store展開序幕。閱讀全文〈第十一屆鐵人賽前端工程師的另一個選擇 svelte DAY18- 唯讀的store〉

svelte component lifecycle 是今天要分享的主題，在分享svelte的複合式元件 slot開始要分享一些進階的內容，今天的內容先從生命週期開始。閱讀全文〈第十一屆鐵人賽前端工程師的另一個選擇 svelte DAY17- 元件的生命週期〉

named slots 是什麼呢，還記得昨天跟大家分享如何使用 slot 來製作複合式的元件，但是大家應該會問如果有多個 slot。那要怎麼決定哪個內容要放哪裡，這個答案就是今天要分享的內容。閱讀全文〈第十一屆鐵人賽前端工程師的另一個選擇 svelte DAY15- named slots 命名插座〉

svelte slot 是在說明完html的事件以及變數綁定還有fetch和promise還有await之後要說明的，為什麼這個 slot 這麼重要，因為它可以讓元件開發更便利，廢話不多說先讓大家看看他的威力。閱讀全文〈第十一屆鐵人賽前端工程師的另一個選擇 svelte DAY14- slot 複合式元件〉

在昨天的文章介紹給大家的是如何將變數綁定到html的下拉選單上，最後還有結合之前分享的foreach動態呈現下拉選單的選項，然後今天跟大家介紹一下如何呼叫api並且把資料抓回來。閱讀全文〈第十一屆鐵人賽前端工程師的另一個選擇 svelte DAY13-fetch和promise還有await抓抓資料〉

昨天跟大家分享完 html 的 input 的屬性綁定，不過還有型態比較特別的 select 跟 option 今天繼續跟大家分享。

昨天分享了如何綁定 html 的事件，今天要談談如何綁定 html 屬性，也就是如何更新 input 的 value 時 object 的值也會一併更新。