前兩天講了模板語法中的插值，今天來講指令的部分吧۹(ÒہÓ)۶ Directives 指令 Vue的特殊DOM屬性都會以v-開頭，如v-if，這些特殊屬性的內容...
Vue：今日首先來了解一下Vuex中的State部分：State部分來說，相當於Vue的data，專門儲存資料。我們首先可以在這邊定義資料來源，將其為我們所需要...
聽完Vue的介紹後，既然這麼好用，趕緊回到家，利用Vue來練習toDoList：因為框架的原因，寫起來十分得心應手。在代辦事項及完成事項來說，只需要透過v-mo...
透過Vue CLI的建立，在我們打開專案後，主要會看到三個資料夾及一部分非資料夾區塊。我們可以先從最主要的src資料夾來看：src資料夾為專案中最重要的一部分。...
接下來的篇幅會開始寫關於 ES6 的部分，首先先從變數的宣告下手，在以往我們都是使用 var 來宣告變數先來講 let 的部分，假設今天我們的程式碼如下: co...
重要說明-這是我個人了解之後白話文的解說 我們都知道Vue方便，那請問Vue方便在什麼地方？接下來假設我們要建立一個按鈕，按鈕按下去之後按鈕數字會增加。同樣的東...
前言 生命週期的相關內容其實翻了蠻多次，但之前因為急著用，所以並沒有很靜下心來研究整個循環到底在做什麼，概念很模糊，同樣也是用得很沒安全感，今天年假放完第一...
在陣列的操作上，ES6 多了許多方便的方法，首先先介紹展開，展開的部分可以讓我們合併陣列更直覺: let groupA = ['小明', '杰倫', '阿姨']...
Mutation 提交mutation，是更動state的唯一方法，並以state為第一個參數。包含事件類型(type)、回調函數(handler)，不可直接調...
蘇
‧
2021-09-20
Vue：昨日，我們已將文章新增實做出來了！現在只要將文章列舉在首頁，只需要使用之前學到的v-for迴圈，即可完成！透過 v-for，將vuex中state的ar...
先用官網裡面的範例 <div id="example"> <p>Original message: "...
想起當初，第一次約她見面，是那麼輕鬆又好約。那一天，我開著我的車，直接到她公司樓下等。透過VS Code傳遞了訊息，而她的回應非常迅速。縱使之前沒見過我，我也...
昨天介紹了computed的基本使用方式，今天多講一點點有關methods的，大家準備好了嗎ε٩(๑> ₃ <)۶з 計算屬性緩存Computed...
表單輸入綁定 我們可以用v-model指令在表單<input>、<textarea>、<select>元素上建立雙向數據綁定...
對於Vue的資料管理上，我想我是了解了。但客戶不只是在數據上做大量的修改，畫面上也會因為數據的改動而造成建置和維護的複雜性，是否有更好的辦法可以有效處裡呢？ V...
在這裡我就直接開門見山丟上我最終畫面了網站(再過幾天服務應該就會到期)http://crypto-monolith-316105.an.r.appspot.co...
從一張白紙開始學習前端，掐指一算也大概一年了但對於$Props的應用，一直無法深入理解可能礙於本身邏輯能力較差的關係，再加上網路的文章教程都是以下這種寫法 &...
Template Syntax Vue.js 最主要是基於HTML，在使用JQuery或者Js的時候DOM應該不陌生。在Vue裡最主要使用的是viturl DO...
本次要跟姊姊一起學習Vue 3 + Firebase 實現一些功能，只是本篇只是先介紹事前準備，下篇才會進去實作 如果您尚未建立專案 及 安裝 Firebase...
聽Vue這麼說，實在是感到心動。但我的問題是，客戶資料非常龐大，前端render真的能夠快速處裡這些數據嗎？ Vue再次用銳利的眼神看了我一眼，並說道：我們的服...
State 定義狀態 store.js state: { // 待辦事項 todoList: ["待辦事項A", "...
蘇
‧
2021-09-19
slot 在子元件(內層)中預留空間，由父元件(外層)設定、分配內容。子元件本身對slot無控制權子元件可對slot內容進行預設 Fallback Conten...
蘇
‧
2021-09-16
昨天拿computed跟methods做比較，今天換來跟watch比比看過五關斬六將ヾ(´︶`*)ﾉ♬ Watchers 偵聽器 大部分情況可以用compute...
Vue Instance var vm = newVue() 使用Vue時，主要概念會是先使用Instatnce，接下來才開始做每一個項目的實作TODOLis...
本次要跟姊姊一起學習Vue 3 + Firebase Authentication 信箱註冊登入登出功能 ▶ 如果您尚未建立專案／安裝 Firebase JS...
Vuex 狀態管理 前面提到了Event Bus可以做到全域的事件監聽管理，但當系統逐漸擴張，這些狀態也越來越繁雜，這時後即可透過vuex(store，可視為一...
蘇
‧
2021-09-18
Action 類似於mutation action -> mutation -> 改變狀態 vs 直接提交mutation -> 改變...
蘇
‧
2021-09-21
要使用圖片壓縮工具來處理網頁時，一種是打包後處理圖片，像是Webpack 插件image-webpack-loader ，另一種則是幫助您在瀏覽器中進行圖片壓縮...
除了，computed和filter呢？如果資料改變，是否Vue能快速因應？ Vue：哈！當然有的呀！我們來看看這個範例：Vue：我知道你對健身的熱愛！今天如果...
Vue 3 Toastify是一個給Vue.js應用程式提供訊息通知功能的函式庫。它可以幫助您建立和顯示輕量級的訊息提示。 介紹 官網https://vue...
ㄆㄩ
EdwardXiong
Jerry Huang
lohchanhin
切版姐姐
iThome鐵人賽
看影片追技術