2021年9月24日
15-vue的声明周期
摘要： //在vue实例生命周期过程中官方提供一系列声明周期函数 钩子：这些生命周期函数最大特点伴随着vue实例创建、使用、销毁过程自动触发的 **beforeCreate( 创建前 )** 在实例初始化之后，数据观测和事件配置之前被调用，此时组件的选项对象还未创建，el 和 data 并未初始化，因此无法 阅读全文
posted @ 2021-09-24 18:26 不是孩子了 阅读(125) 评论(0) 推荐(0)
14-axios中的拦截器
摘要： //创建axios的配置对象 var instance = axios.create({ baseURL: "http://localhost:8080/", timeout: 5000, }); //请求拦截器 instance.interceptors.request.use(function 阅读全文
posted @ 2021-09-24 17:24 不是孩子了 阅读(51) 评论(0) 推荐(0)
13-axios创建默认配置发送请求
摘要： 可以简化我们的代码。例如路径写起来比较麻烦，可以将公共部分抽取出来 阅读全文
posted @ 2021-09-24 16:13 不是孩子了 阅读(35) 评论(0) 推荐(0)
12-axios的基本使用——post方式的请求
摘要： 一、不带参数的 1、controller层 2、vue层 3、结果： 二、带参数的 因为前端发送过来的是json数据，所以我们要写一个实体类来接收，同时用@RequestBody来处理 1、实体类（注意要与前端的参数名一致） 2、controller层 3、vue层（注意参数的写法） 阅读全文
posted @ 2021-09-24 16:00 不是孩子了 阅读(182) 评论(0) 推荐(0)
11-axios的基本使用——get方式的请求
摘要： 1、导入axios的cds或者是js文件 <script src="https://unpkg.com/axios/dist/axios.min.js"></script> 2、编写springboot的controller 3、编写axios <!DOCTYPE html> <html lang= 阅读全文
posted @ 2021-09-24 15:46 不是孩子了 阅读(783) 评论(0) 推荐(0)
10-按键修饰符
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <input v-model="name" type="text" @k 阅读全文
posted @ 2021-09-24 14:21 不是孩子了 阅读(32) 评论(0) 推荐(0)
09-事件修饰符
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!-- 事件修饰符： .stop：作用：用来阻止事件冒泡,用来阻止事件继续向外层传毒 .preven 阅读全文
posted @ 2021-09-24 14:07 不是孩子了 阅读(67) 评论(0) 推荐(0)
08-computed属性
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!-- computed：计算属性： 作用：用来在vue实例中完成相关业务计算工作，日后在将某个数据 阅读全文
posted @ 2021-09-24 11:29 不是孩子了 阅读(47) 评论(0) 推荐(0)
08-购物车小案例
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app" align="center"> 编号：<input type="text" 阅读全文
posted @ 2021-09-24 10:51 不是孩子了 阅读(20) 评论(0) 推荐(0)