開發 Vue 問題挑戰 ─ 在 Vue 中使用 VeeValidate 驗證表單
透過 VeeValidate 來實現 Vue 表單的驗證功能。
但因為之前適用舊版的(v3.0 適用 Vue2),但挑戰用 Vue3 來完成這個專案,所以 VeeValidate 也必須更新用 v4.0 版的,但也因次遇到了些許麻煩 😵 😵 😵 。
透過 VeeValidate 來實現 Vue 表單的驗證功能。
但因為之前適用舊版的(v3.0 適用 Vue2),但挑戰用 Vue3 來完成這個專案,所以 VeeValidate 也必須更新用 v4.0 版的,但也因次遇到了些許麻煩 😵 😵 😵 。
透過 VeeValidate 來實現 Vue 表單的驗證功能。
但因為之前適用舊版的(v3.0 適用 Vue2),但挑戰用 Vue3 來完成這個專案,所以 VeeValidate 也必須更新用 v4.0 版的,但也因次遇到了些許麻煩 😵 😵 😵 。
之前都是使用 axios 套件來做 API 串接的,但是既然有原生的 Web API 可以來操作 AJAX ,就來試試看!
在之前有介紹過幾種安裝 Vue 、 Vue-Router 、Vuex 的方法,其中一種就是透過 NPM 安裝,但透過 Vue CLI 可以幫助我們快速的建立一個 Vue 專案,並且加入 Vue-Router 、Vuex 等插件。
紀錄一下,其他 Vuex 的進階觀念(主要以我看得懂得為主 :sweat_smile: )!
上一篇筆記寫到如何安裝,接下來就來開始使用 Vuex 做資料管理。
之後的紀錄也都是用 CDN 做安裝喔!
想說要挑戰 Vue 3 ,但後來才發現 Vuetify 不支持 Vue 3,所以才又決定要來挑戰 Vue 3 與 Bootstrap v5 版本做結合,結果一開始就出錯 😱 😱 😱。
了解了如何創建基礎的 Vue Router 後,就應該來學學如何利用 Vuex 來進行全域狀態管理。
D3.js 官網如此寫道:
D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.