- 博客(27)
- 收藏
- 关注
原创 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关注的人