Vue3 + Bootstrap4 完成表单验证功能

技术栈：vue3 + Bootstrap

难点：封装函数

细节：正则表达式、vue3声明周期、改变Bootstrap类名间接改变样式、ref 和 v-model

预览：

 

 

1. 安装使用 Bootstrap （先使用 vue-cli 建好项目）

vue-cli：参考我的另一篇，详细步骤附上~~

// 使用包管理工具下载
// npm install bootstrap
// yarn install bootstrap

因为 Bootstrap 是基于 jQuery 实现的，我们还需要安装 jQuery

我们需要在 main.js 文化里导入依赖，导入 jQuery 后再导入 Bootstrap，之后还需要导入Bootstrap的 css 和 js 文件。

// 引入jQuery、bootstrap
import $ from "jquery";
import "bootstra