随笔分类 -  黑马程序员前端学习笔记

1 2 3 下一页
21-vue中rules 的验证方式
摘要：vue中常用的几种表单rules验证方式： message：报错信息 trigger：触发方式 1）blur ：失去焦点时进行验证 2）change ：当值发生变化时进行验证 required：指定字段是否为必填项（此栏是否为空） { label: "用户姓名", prop: "UserName", 阅读全文
posted @ 2024-09-29 09:29 马铃薯1 阅读(1832) 评论(0) 推荐(0)
20-vue组件传参（父传子，子传父）
摘要：父传子： 父组件向子组件传入一个参数，可以通过 props配置项，让组件接收外部传过来的数据 1）传递数据 这里需要注意，通过 age = "18"的方式，传递进去的数据是字符类型的，通过动态绑定 :age = "26" 的方式，传递进去的数据是整型类型 <!--这里需要注意，:age="26" 代 阅读全文
posted @ 2024-04-25 15:55 马铃薯1 阅读(362) 评论(0) 推荐(0)
19-Vue打包部署
摘要：打包命令： npm run build 阅读全文
posted @ 2024-04-02 16:33 马铃薯1 阅读(36) 评论(0) 推荐(0)
18-Vue路由
摘要：安装 vue-router 包 npm install vue-router@3.5.1 项目代码 链接: https://pan.baidu.com/s/1GCZq01FEnJxqrZX3yA0-Ng 提取码: jkam 复制这段内容后打开百度网盘手机App，操作更方便哦 layout.vue布局 阅读全文
posted @ 2024-04-02 12:00 马铃薯1 阅读(35) 评论(0) 推荐(0)
17-Element组件库-案例
摘要：服务员数据获取地址：console-mock.apipost.cn/mock/4250f8d4-b605-47eb-9777-07e29548dbb8/list 主要分为以下步骤： 创建页面，完成页面的整体布局规划 布局中各个部分的组件实现 列表数据的异步加载 App.vue文件 <template 阅读全文
posted @ 2024-04-01 15:24 马铃薯1 阅读(67) 评论(0) 推荐(0)
16-Element组件库
摘要：Element官网（基于Vue2框架）：组件 | Element Element-Plus官网（基于Vue3框架）：Image 图片 | Element Plus (element-plus.org) Element组件库 1）安装ElementUI组件库，推荐使用 npm 的方式安装，它能更好地和 阅读全文
posted @ 2024-04-01 10:30 马铃薯1 阅读(87) 评论(0) 推荐(0)
15-Vue项目-开发流程
摘要：assets：用于存储页面显示的图片资源 router：存储路由信息，用于页面跳转 在一个Vue.js项目中，index.html 和入口文件 main.js 的开发流程通常如下： 1）main.js 文件是Vue项目的入口文件，在这个文件中，会创建一个Vue实例，并将其挂载到index.html中 阅读全文
posted @ 2024-03-29 16:52 马铃薯1 阅读(48) 评论(0) 推荐(0)
14-Vue项目-环境准备
摘要：这里，我首先安装了一个nvm（node的版本管理工具），可以通过nvm管理多个版本的node.js，解决node.js各种版本存在不兼容的问题 参考链接：nvm、node、vue安装教程_nvm安装vue_南柯ღk的博客-CSDN博客 1）安装nvm Github的官方安装网址：https://gi 阅读全文
posted @ 2024-03-29 15:54 马铃薯1 阅读(43) 评论(0) 推荐(0)
13-前后端分离开发
摘要：接口文档如下所示： YApi官方网址：YApi Pro-高效、易用、功能强大的可视化接口管理平台 YApi官方文档：YApi-教程 (hellosean1025.github.io) 1）添加项目 2）添加分类 3）添加接口 进入编辑页面，对接口进行编辑操作 由于该接口是根据id查询用户信息，因此需 阅读全文
posted @ 2024-03-29 15:18 马铃薯1 阅读(37) 评论(0) 推荐(0)
12-原生Ajax 和 Axios
摘要：同步与异步操作最主要的区别： 同步操作必须按照以上步骤执行，而异步操作在第四步响应客户端时，可以继续执行第二步请求服务器，即客户端可以执行其它操作 数据地址：console-mock.apipost.cn/mock/4250f8d4-b605-47eb-9777-07e29548dbb8/list 阅读全文
posted @ 2024-03-28 17:36 马铃薯1 阅读(26) 评论(0) 推荐(0)

1 2 3 下一页