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

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

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

Actions Actions 類似於 mutations，但仍然有些不同： Action 提交（commit）的是 mutations ，而不是直接變更 s...

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

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

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

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

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

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

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

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

技術 Day4 初次見面Vue！

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

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

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

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

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

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

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

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

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

技術 [學習筆記] Vuex 保存登入的用戶名

這篇是透過網路教學資源自我學習，並將學到的東西做個紀錄主要是在說明各個component中(XXX.vue 獨立分割的component)如何透過Vuex來存...

技術 使用vue製作Shoppingcart02

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

技術 主廚推薦 - 科學單檔模組化料理

技術 Day 29. 繼續來看組件基礎 – Components 吧ヾ(*´∀ ˋ*)ﾉ

歐歐歐，竟然已經到第29天了，時間真的是咻咻咻就過了呢!明天就要結束了，真是感傷(☍﹏⁰) (解脫了ε٩(๑> ₃ <)۶з)今天跟昨天一樣來講講c...

技術 Day 28. 組件基礎 - Components

沃嗚!鐵人倒數3天了，我們離完賽就差一顛點啦，我們今天來講講components吧~繼續gogogo (｢･ω･)｢ Component簡介 Vue compo...