iT邦幫忙

搜尋 vue 找到約 2747 個結果
在google中搜尋

技術 Day 18: Vue資料流與狀態管理-Vuex資料流及集中狀態管理

接下來我們要針對refreshList()進行介紹,此方法是從後端API撈取員工資料,因為資料需要在多個組件之間共享,須透過Vuex管理狀態,由其向後端請求,經存入狀態後,網頁畫面才更新。 由上面的說...

技術 【Day 12】子元件的更多應用── Vue.js 入門篇

今天將是Vue.js入門的最後一篇文章,將會接續昨天的內容,繼續談論關於子元件的一些常見的應用與功能。那麼就讓我們直接開始今日的內容吧! 向父元件發送事件吧! 除了前一篇中所提及的給子元件傳送 pro...

技術 Day23 Vue元件 - Teleport

先前在 Day19 Vue 插槽 Slots (上) 的內容中,有提到 slot 可以將父元件的模板片段內容渲染在子元件中的指定位置,但是其燈箱(lightbox)的背景無法遮蔽住整個網頁的畫面,因此...

技術 在 Vue 過氣前要學的第二十七件事 - 是一輩子喔? 一輩子

前言 終於! 我們進到最後一個篇章,進階使用之生命週期篇; 之所以會把生命週期擺在這麼後面是因為 :只有實際寫過的人,才能更好的理解,所謂不同生命週期具體是指什麼? 不建議去硬背順序,那並不會對於你的...

技術 Day 17: Vue資料流與狀態管理-前端組件內的資料初始化及狀態設定

接續前面按鈕的@click監聽點擊事件後,執行的方法,繼續進行相關介紹,首先針對openCreate(),仔細去看其中的內容,參考如下。 // src/views/Employee.vue <s...

技術 Day22 Vue 動態元件 & KeepAlive

先前在 Day9 Vue指令- 條件渲染 內容中,有提到 v-if 可以依照條件判斷來決定內容是否呈現在畫面上,而今天的內容將介紹另外一種方法來實現動態控制元件的渲染~ 如何更簡潔地動態控制元件? 透...

技術 vue且試身手-簡易計數器

今天就用vue來寫我們我們個人的一頁式介紹頁面吧這裡先幫大家回復一下記憶打開我們的終端機準備開啟專案輸入cd "專案放置的資料夾位置"輸入code .打開我們的VSCode輸入np...

技術 在 Vue 過氣前要學的第二十六件事 - Avengers Assemble!

前言 廢話少說開始寫扣吧! 請確保你以下所有套件都有安裝在專案中,如果還沒安裝建議到各篇文章中看如何安裝。 在 Vue 過氣前要學的第十九件事 - Vue Router 在 Vue 過氣前要學的第二十...

技術 【Day 11】把檔案拆開吧── Vue.js 入門篇

雖然之前筆者提到過Vue.js的檔案有著十分特殊的 SFC(Single-File Components)的特性,不過往往專案作到後來都會因太長或求簡潔等因素而將它根據內容與功能分成多個檔案,因此今天...

技術 Day 16: Vue按鈕樣式及監聽事件

前面我們介紹完配置路由的網址及組件畫面,接下來針對組件畫面的內容,進行介紹,以 src/views/Employee.vue為例,這個組件畫面,主要提供幾個功能,參考如下。 配置一個按鈕組,有新增、...