应用场景今天在闲逛各种网站的时候，在登录或注册页面会出现这样子的情况： 但我就好奇这种没输入信息它在下方就会弹出对应的信息，这中间是否有什么规则在约束呢？ 编程环境 编译器： vscode 框架：vue UI：element ui 打包工具: npm 源码讲解官方文档form 组件 内容看到官方提供的API中，可以看到又这样一个参数：rules 这个属性对应的是一个对象，在<script></sript> 标签中可以这样子去定义： 解释一下： rules对象中的对象分别对应表单中各个内容的属性值，即 prop 指向的变量 这个子对象是一个数组，表示会一 一匹配数组的每一条规则，全部匹配才会返回，这个规则可以是自定义的函数或者官方提供的。 rules 对象支持属性 属性名 说明 required 字段是否为必填项 min 字段的最小值或最小长度 max 字段的最大值或最大长度 type 设置字段的数据类型，例如 'email'、'url'、'number' 等 pattern 设置 ...

js 部分export export 用于导出一个或多个变量、函数、类 export default 用户导出一个默认的值 两者导出和导入 exprot 导出： 12345// 导出多个命名的变量或函数export const name = 'snailuu';export function greet() { console.log('Hello World!');} export 导入： 1import { name, greet } from './app.js'; export default 导出： 1234// 导出默认的函数export default function () { console.log('Default export');} export default 导入： 1import myFunction from './app.js'; concat concat 用于将多个字符串拼接成一个 ...

简介官方文档 引用站外地址 Vuex文档 Vuex 是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 在这里有一个名词状态管理，个人的理解是：把网站比喻成一个对象，在网站上进行的各种操作，调用某些接口来修改指定的信息，而这些被修改的信息可以称之为网站的状态，状态管理相当于用一个较为方便的插件/组件来对其进行修改。 如何开始？官方提供了多种导入方式 直接引用 cdn： https://unpkg.com/vuex@4.0.0/dist/vuex.global.js 用 npm 安装：npm install vuex@next --save 用 yarn 安装： yarn add vuex@next --save 使用 创建一个新的 store 文件夹，在 store 文件夹下面再创建一个 ...

json-server 是什么？需求来源 在学习后端的时候通常会使用 postman 来模拟前端发送请求，然后再来进行对后端部分逻辑代码进行调节。但这段时间在学习前端的时候我就在想有没有类似 postman 的工具来模拟后端接收来自前端的请求并返回数据的？在学习 axios 的时候顺便看到有人使用 json-server 这个插件来实现我上面说的内容，简单来说就是可以模拟后端接收请求并返回一定的数据 项目地址 引用站外地址 json-server 环境要求 Node.js npm vscode 开始 在终端输入： npm install -g json-server 进行全局安装 选择一个文件夹并创建 data.json 文件 文件内容： 123456789101112131415161718192021{ "stu": { "username": " ...

前提要求创建两个远程仓库这里采用 github 平台 source-repo 作为项目的总源码仓库，而另外一个作为部署后的工作仓库 申请 token在Settings/Developer Settings/Personal accses tokens/Tokens(classic)设置下新建token 配置文件在.github/workflows下新建文件autodeploy.yml 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061name: 自动部署on: push: branches: - main release: types: - publishedjobs: deploy: runs-on: ubuntu-latest steps: - name: 检查 ...