鉤子 (Hooks)是現在不管前後端框架都很常見的一種概念，他可以讓我們在程式運行的特定階段執行我們想要的任務 讓我們看看 Vue 有那些鉤子可以使用每個組件都有自己的生命週期 上面圖例中紅色框框...
Vuex是一個非常方便且非常好用的的開發vue工具，他有點類似於react的redux~ 今天簡短介紹一下Vuex，明天就可以來實踐今天講到的東西囉! 甚麼是Vuex? 這是一個非常簡單的問題~...
tags: Vue.js ItIron2020 前言 昨天我們介紹了vue組件的概念，在之後你會慢慢了解到一個vue打造的應用程式，其實就是由一堆組件疊加起來的東西，彼此之間有很明確的上下關係，就像是...
呈上一篇組件設計的文章，今天來介紹組件資料和方法的應用，在使用組件的時候，各個子層可以有獨立的data與methods不會互相干擾，不過需要注意使用的方式： <!DOCTYPE html>...
今天廢話不多說，這篇繼續為小夥伴們介紹一些Vue的常用指令。 v-text / v-html 這兩個標籤都是在tag內插入內容，我們分別介紹各自的區別 v-text v-text，就是把綁定的變數內...
如同「vue.js 學習手冊 框架的選擇與導入」這篇文章中提到的，我們使用框架能更方便地進行前後端分離式的開發；享受Virturl DOM提升頁面效能外；另外還有一個很大的特色是「模組化的開發架構」，...
在繼續未來的課程前，先跟大家介紹一個我們常用的Chrome Extension：「Vue.js devtools 」（免費的喔！），我們可以在瀏覽器透過他來監控vue裡面的數據庫。 首先打開在Chro...
動態設定樣板內容（slot） slot是一種用於內容分配的元件，想像是在內容中開好洞，在等東西放進去 有分具名以及不具名 在slot可以包含任何模板的內容，包含HTML。 將外層的元件放入子層的元...
動態路由 有些時候我們需要傳參數到路由中，以動態的方式匹配對的資料及畫面:userId表示為一個自定義的參數，我們可以透過 this.$route.params.userId 來取得參數的值。 {...
動態元件(Dynamic Component) 可以透過在component裡面加入一個is屬性，依據傳入的參數不同，再對應的元件間進行動態的切換。 <body> <div id...