今天來介紹 Vue 3 的 Composition API。 Vue 2 元件最大的痛點就是，相關邏輯必須被強制的拆分到不同的 Lifecycle Hooks裡頭，這裡是官方提供的說明影片，簡單來說，...
正文：對於數字輸入框，element-ui 有自己的元件可供使用，僅需提供初始值即可，並且可以額外接受最大最小值的設定 <element-input-number v-model="d...
相信很多人都知道火力基地到底有多火了XD，火力基地就是我們熟悉的Firebase~ 今天要帶各位看一下firebase基本功能還有要如何應用到我們的project! 前言 Firebase 是一個...
基本概念這次我們來說明watch、computed、v-on的用法，watch有點像是監聽的概念，當監聽的值或物件有變動時，就會觸發watch裡的程式。computed和watch有點像，但他不能抓修...
條件判斷 v-if/v-show v-if使用基本上和if...else if大同小異，當條件成立時，畫面就會被渲染。要記得的是v-else元素必須跟在v-if or v-else-if的元素後面，不...
講到了v-for和v-bind就不得不提key的這個屬性，主要就是要討論透過v-for所渲染的項目，在資料更新時會怎麼處理，若在v-for渲染的項目中“沒有”加入key屬性（如上面的範例），預設的行為...
前言：element-ui 的輸入框擁有非常多種種類與功能，接下會從輸入框講到表單和表單驗證，就讓我們開始吧正文：先基本的 el-input 標籤談起吧 <el-input v-model=&q...
在大學修程式語言的時候，總會有老師耳提面命的說，程式架構很重要、目錄結構要搞懂...... 這些東西固然重要，不過對於一個初學者來說，不僅太多太複雜，也沒有足夠的經驗讓他去懂這些東西。所以如往常一樣，...
來慧根一下之前的迴圈圈唄～ Vue的基本語法3： for(迴圈)「 v-for 」： 列表式渲染官方說法： We can use the v-for directive to render a...
tags: Vuejs Vue reactivity system ✐ Vue 引入 data-driven view 的概念，一旦改動 data，與之相對應的 view 也會隨之變動。而實現此概念的...