iT邦幫忙

vue component相關文章
共有 13 則文章

技術 從頭開始用 Laravel 來做CRUD -15- 初始 - vue.js- vue.js測試

目前環境 Laravel:5.7 資料庫:MariaDB 說明 所謂的CRUD是指 新增(Create)、讀取(Read)、更新(Update)、刪除(...

技術 使用vue製作Shoppingcart02

上次做了簡易的購物清單 這次來挑戰這個購物網站,還有很多還沒做好,但是想維持記錄學習 這次模仿的網站網址 Andenhud HTML的架構 <div id...

鐵人賽 Modern Web DAY 19
Vue.js 30天隨身包 系列 第 19

技術 Day19 - [Components] 動態元件(Dynamic Components)

上一篇的slot可以應用來把整個頁面分好三個section:navbar、main、footer,那如果我們要在main畫面上做tab來切換畫面呢?類似下圖的感...

鐵人賽 Modern Web DAY 18
Vue.js 30天隨身包 系列 第 18

技術 Day18 - [Components] 插槽(Slot)

Vue的元件化系統,讓開發者在開發上可以很好維護,主要是因為元件都有各自的用途與模板,而上一篇也介紹過元件之間要如何去做組合溝通,那如果一個網站要放入很多的元件...

鐵人賽 Modern Web DAY 17
Vue.js 30天隨身包 系列 第 17

技術 Day17 - [Components] 元件組合與溝通

雖然每個元件是獨立運作,但Vue設計元件的目的是為了讓每個元件都有各自的用途,然後再互相配合使用,如此一來,系統開發上也比較結構化。 比較常見的組合元件為父子元...

鐵人賽 Modern Web DAY 16
Vue.js 30天隨身包 系列 第 16

技術 Day16 - [Components] 元件建立與註冊

前面這幾天已經把Vue.js的基本功能大概都介紹完了,但別忘了Vue.js最強大的功能之一:元件(component),讓我們恢復一下記憶,當vue const...

鐵人賽 Modern Web DAY 15
用範例理解 Vue.js 系列 第 15

技術 用範例理解 Vue.js #15:實例 Component Dropdown

實例 Component Dropdown 許多細節都沒有完成,但時間緊迫,還是寫個大概就好。 先附上程式碼,內容代補。 HTML: <div id=&...

鐵人賽 Modern Web DAY 14
用範例理解 Vue.js 系列 第 14

技術 用範例理解 Vue.js #14:Component 簡介

Component 簡介 在Day2:用七個官方範例初步認識 Vue.js已經有看過 Component 的範例。Component 在 Vue 中扮演很重要...

鐵人賽 Modern Web DAY 4

技術 Day4 初次見面Vue!

今天還是一樣不太想開始寫Code,不想面對接下來的26天,三十天是很漫長的一個月... 在網路上可以找到許多的文章在介紹Vue,Vue的發音跟View一樣,簡單...

鐵人賽 自我挑戰組 DAY 3
Vuex 學習筆記 系列 第 8

技術 [Vue.js] Vuex 學習筆記 (8) - actions 的核心概念

Actions Actions 類似於 mutations,但仍然有些不同: Action 提交(commit)的是 mutations ,而不是直接變更 s...

鐵人賽 自我挑戰組 DAY 3
Vuex 學習筆記 系列 第 7

技術 [Vue.js] Vuex 學習筆記 (7) - mutations 的核心概念

Mutations 提交 mutations 是改變 Vuex 中 store 的唯一方式。 mutations 非常類似於組件中的事件(event),每個 m...

鐵人賽 Modern Web DAY 2
用範例理解 Vue.js 系列 第 2

技術 用範例理解 Vue.js #2:用七個官方範例初步認識 Vue.js

非常偷懶的把官方介紹七個範例照打,目的在於粗略了解 Vue 在幹麻。 可以點擊各個範例的 fiddle 連結自行修改和觀看結果。 Vue example 01...