随笔分类 - 黑马程序员前端学习笔记
摘要：vue中常用的几种表单rules验证方式： message：报错信息 trigger：触发方式 1）blur ：失去焦点时进行验证 2）change ：当值发生变化时进行验证 required：指定字段是否为必填项（此栏是否为空） { label: "用户姓名", prop: "UserName",
阅读全文
摘要：父传子： 父组件向子组件传入一个参数，可以通过 props配置项，让组件接收外部传过来的数据 1）传递数据 这里需要注意，通过 age = "18"的方式，传递进去的数据是字符类型的，通过动态绑定 :age = "26" 的方式，传递进去的数据是整型类型 <!--这里需要注意，:age="26" 代
阅读全文
摘要：安装 vue-router 包 npm install vue-router@3.5.1 项目代码 链接: https://pan.baidu.com/s/1GCZq01FEnJxqrZX3yA0-Ng 提取码: jkam 复制这段内容后打开百度网盘手机App，操作更方便哦 layout.vue布局
阅读全文
摘要：服务员数据获取地址：console-mock.apipost.cn/mock/4250f8d4-b605-47eb-9777-07e29548dbb8/list 主要分为以下步骤： 创建页面，完成页面的整体布局规划 布局中各个部分的组件实现 列表数据的异步加载 App.vue文件 <template
阅读全文
摘要：Element官网（基于Vue2框架）：组件 | Element Element-Plus官网（基于Vue3框架）：Image 图片 | Element Plus (element-plus.org) Element组件库 1）安装ElementUI组件库，推荐使用 npm 的方式安装，它能更好地和
阅读全文
摘要：assets：用于存储页面显示的图片资源 router：存储路由信息，用于页面跳转 在一个Vue.js项目中，index.html 和入口文件 main.js 的开发流程通常如下： 1）main.js 文件是Vue项目的入口文件，在这个文件中，会创建一个Vue实例，并将其挂载到index.html中
阅读全文
摘要：这里，我首先安装了一个nvm（node的版本管理工具），可以通过nvm管理多个版本的node.js，解决node.js各种版本存在不兼容的问题 参考链接：nvm、node、vue安装教程_nvm安装vue_南柯ღk的博客-CSDN博客 1）安装nvm Github的官方安装网址：https://gi
阅读全文
摘要：接口文档如下所示： YApi官方网址：YApi Pro-高效、易用、功能强大的可视化接口管理平台 YApi官方文档：YApi-教程 (hellosean1025.github.io) 1）添加项目 2）添加分类 3）添加接口 进入编辑页面，对接口进行编辑操作 由于该接口是根据id查询用户信息，因此需
阅读全文
摘要：同步与异步操作最主要的区别： 同步操作必须按照以上步骤执行，而异步操作在第四步响应客户端时，可以继续执行第二步请求服务器，即客户端可以执行其它操作 数据地址：console-mock.apipost.cn/mock/4250f8d4-b605-47eb-9777-07e29548dbb8/list
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>引出生命周期</title> <script type="text/javascript" src="../js/vue.js"></script> </hea
阅读全文
摘要：v-bind与v-model都是绑定vue中data中的属性的，其中v-bind 和 v-model的区别： 1）v-bind的绑定只是单向的,他会将data中的数据投影到绑定的地方,在被绑定的地方对数据修改时,data中的原始数据是不会改变的 2）v-model的绑定是双向的,不仅将data中的数
阅读全文
摘要：Vue官网：Vue.js (vuejs.org) Avue文档：Date日期 | Avue (avuejs.com) 前置工作 1) 在使用 Vue 时，我们推荐在你的浏览器上 安装 — Vue.js (vuejs.org)，它允许你在一个更友好的界面中审查和调试 Vue 应用。 2) 直接下载开发
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS-事件-事件绑定</title> </head> <body> <!--点击按钮，在控制台打印相关信息--> <input type="button" va
阅读全文
摘要：JavaScript主要分为原始数据类型和引用数据类型 原始数据类型：number、string、boolean、null、undefined 引用数据类型：对象和函数 这里我们主要了解一下对象，JavaScript对象主要分为：Array、String、JS对象、JSON字符串、BOM、DOM对象
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS-函数</title> </head> <body> <script> // 函数的定义 function add(a,b){ return a + b;
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS-基础语法</title> </head> <body> </body> <script> // 输出语句 // 1. alert() 弹出警告框 aler
阅读全文
摘要：注意：JS是脚本语言，不需要经过编译，直接经过浏览器的解释就可以运行了。而Java语言需要先编译成class文件，再通过虚拟机进行运行。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS-引入方式</ti
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML表单标签</title> </head> <body> <!-- form表单属性： action：指定表单提交的地址 method：指定表单提交的方式
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格标签</title> </head> <style> table{ border: 1px solid black; width: 600px; borde
阅读全文
