- 博客(27)
- 收藏
- 关注
RSS订阅原创 Axios
axios是一种网络请求库，用于发送和接收请求。它可以通过promise机制来处理请求，使用jsonp的方式获取数据，也可以使用默认的get请求的参数拼接。axios还可以发送并发请求，使用全局请求配置格式和timeout来控制请求的执行。在封装网络请求时，可以使用promise包装、回调函数的方法或拦截器来处理请求。
2024-06-02 18:46:25
53
原创 vue 组件组件通信方法
子组件中定义props字段，类型为Array（如需限制字段值类型，也可以定义为Object的形式）。如下例子，父组件挂载子组件helloWorld，在组件标签上给title赋值，子组件helloWorld定义了props属性，里面有一个值是title，这样子组件就可以使用父组件传递过来的值了。子组件：hello-world.vue。1、父组件props传值给子组件。2.）props扩展示例。
2024-05-26 21:49:30
157
原创 vuex计数器案例
在上述代码中，第3行代码使用<button>标签定义“+”按钮；第4行代码设置“+”按钮后的数字的初始值为0；第7行代码使用<button>标签定义“-”按钮；第8行代码置“-”按钮后的数字的初始值为100。需要注意的是，为了展示页面效果，这里的初始值先设置为静态值，后期会修改为动态值。在计数器页面中单击“+”按钮，其后数字从0变为1，效果如图7-6所示。在计数器页面中单击“-”按钮，其后数字从100变为99，效果如图7-7所示。10清空src\App.vue文件中的内容，重新编写如下代码。
2024-05-19 19:21:07
131
原创 列表渲染指令
为此，Vue提供了列表渲染指令 v-for，只需要在模版中定义一件商品结构，v-for就可以根据提供的数据自动渲染商品列表中所有商品。<标签名 v-for="(item,name,index) in obj "><标签名><标签名 v-for="(item,index) in arr "><标签名><标签名 v-for="(item,index) in num "><标签名><标签名 v-for="(item,index) in str "><标签名>1.使用v-for根据数组渲染列表。
2024-05-05 19:04:51
161
原创 table组件
Table 组件使用<el-table>标签定义，在该标签中绑定 data对象数组后，在el-table-column>中使用prop属性对应对象中的键名，即可将数据添加到表格中；使用label属性可以定义表格的列名，使用width属性可以定义表格的宽度。Flement Plus组件库提供了Table组件，用于展示多条结构类似的数据，例如工资表涯程表和计划表等，可以对数据进行排序、筛选、对比或其他自定义操作。tableData数组对象。2在上述代码中，第2行代码绑定data数组对象 tableData；
2024-04-28 15:44:23
246
原创 vue小结（1）
/ this.$nextTick与setTimeout区别。// this.$nextTick 用于调取接口，类似于延时器。// keep-alive用于缓存组件，优化性能。// this.$nextTick先执行。
2024-04-14 18:41:03
152
1
原创 vue一周总结
/ 3.注册时可以取别名，别名不可以驼峰命名，需要使用-连接，不能使用已有的标签作为名称。// 5.未搭建脚手架使用单标签会使后面代码都不渲染。// 4.模板时只能有一个父级，只在vue2中。// 2.data必须使用函数写法。// 1.定义组件中不要绑定el。// 使用自定义组件规则。创建school组件。
2024-03-31 18:39:22
137
1
原创 computed与watch
5.watch默认监听一层，需要监听多级如对象中的值，需要添加深度监听deep:true。4.写法：第一种Vue实例中，第二种实例化vm.$watch("监听的属性",{})2.被Vue实例管理的函数最好都使用普通函数，不被Vue实例管理的函数最好都使用箭头函数，3.handler(新值,旧值)函数，当监听值发生改变时就会触发handler函数。1.computed能做到的watch都可以，watch能做到的computed不一定能。写法：监听的属性名(新值,旧值){}computed与watch。
2024-03-24 20:37:45
88
1
原创 v-cloak
v-cloak 是一个实用的 Vue 指令，它可以在页面加载期间防止用户看到未编译的 Vue 代码。当使用 v-cloak 时，通常会结合 CSS 规则来确保在 Vue 编译过程完成之前，用户看不到任何预编译的内容。这包括防止大括号 {{ }} 和其他模板语法在页面上闪烁。v-cloak 指令用于隐藏未编译的内容，直到 Vue 实例编译完成。什么是v-cloak。
2024-03-09 21:18:01
102
1
原创 电商管理页面
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .clearfloat::after { clear: both; display: block;
2023-12-21 14:38:19
854
1
原创 day17天
/ let arg = [...arguments].slice(1) //[...xxx]把类数组变成数组，arguments为啥不是数组自行搜索 slice返回一个新数组。// context[fn] = this //给context添加一个方法 指向this。// // apply原理一致 只是第二个参数是传入的数组。// delete context[fn] //删除方法。// context[fn](arg) //执行fn。// // 执行函数并返回结果。
2023-10-23 08:38:28
17
原创 es6第七天
/ // console.log(`${this.name}--年龄--${this.age}---${a}---${b}`);// console.log(`${this.name}--年龄--${this.age}---${a}`);// obj.myFun.bind(obj1,["爱打王者","爱吃黄焖鸡"],"99999")();// obj.myFun.bind(obj1,"爱打王者","爱吃黄焖鸡")();// obj.myFun.call(obj1,"爱打王者","爱吃黄焖鸡");
2023-10-16 08:34:24
19
1
原创 es6第六天
/ console.log(`${this.name}--年龄--${_this.age}`);// console.log(`${this.name}--年龄--${this.age}`);// arguments 获取没有形参的函数值,es6中箭头函数不能使用arguments方法。// this.innerText = "陈冬";// 1.箭头函数this指向永远指向window。
2023-10-16 08:33:02
17
1
原创 es6字符串
/ 2.如果参数是 0 至 -1 之间的小数，会进行取整运算，0 至 -1 之间的小数取整得到 -0 ，等同于 repeat 零次。// padStart(总长度,"填充的字符串")：返回新的字符串，表示用参数字符串从头部（左侧）补全原字符串。// padEnd(总长度,"填充的字符串")：返回新的字符串，表示用参数字符串从尾部（右侧）补全原字符串。// startsWith()：返回布尔值，判断参数字符串是否在原字符串的头部。// endsWith()：返回布尔值，判断参数字符串是否在原字符串的尾部。
2023-09-24 19:43:14
16
1
原创 9.17作业
* box-shadow: 水平 垂直 大小 颜色;/* none:没有边框,即忽略所有边框的宽度(默认值)·double:边框为双实线 */·solid:边框为单实线。·dashed:边框为虚线。·dotted:边框为点线。/* 边框阴影 *//* 图形边框 */
2023-09-17 15:10:52
31
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人