休玛 - 博客园

2025年7月6日

摘要：在JavaScript中，箭头函数（Arrow Function）是一种更简洁的函数表达式方式，它允许你使用更少的代码来定义函数。箭头函数有几个关键特点：更简洁的语法：使用 => 而不是 function 关键字。没有自己的 this：箭头函数不绑定自己的 this，它会捕获其所在上下文的 this 阅读全文

posted @ 2025-07-06 11:39 休玛阅读(29) 评论(0) 推荐(0)

Axios

摘要： Axios 对原生的Ajax进行了封装，简化书写，快速开发，还避免了一些浏览器兼容性问题。 Axios官网：https://www.axios-http.cn/ 步骤：引入Axios的js文件（参照官网）<script src="https://unpkg.com/axios/dist/axios 阅读全文

posted @ 2025-07-06 10:44 休玛阅读(24) 评论(0) 推荐(0)

什么是Ajax？

摘要： Ajax是Asynchronous JavaScript And XML缩写，是异步的JavaScript和XML。作用：数据交换：通过Ajax可以给服务器发送请求，并获取服务器响应的数据。异步交互：可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术，如：搜索联想、用户名是否可阅读全文

posted @ 2025-07-06 10:20 休玛阅读(16) 评论(0) 推荐(0)

2025年7月5日

v-on

摘要：作用：为html标签绑定事件（添加事件监听）语法：v-on:事件名="方法名"简写为 @事件名="…" 例： <button type="button" v-on:click="search">查询</button> <button type="button" @click="clear">清空</ 阅读全文

posted @ 2025-07-05 18:50 休玛阅读(5) 评论(0) 推荐(0)

v-model

摘要：作用：在表单元素上使用，双向数据绑定。可以方便的获取或设置表单项数据语法：v-model="变量名" 注意： v-model 中绑定的变量，必须在data中定义。例： <input type="text" id="name" name="name" v-model="searchForm 阅读全文

posted @ 2025-07-05 18:29 休玛阅读(29) 评论(0) 推荐(0)

v-show

摘要：语法：v-show="表达式"，表达式值为 true，显示；false，隐藏原理：基于CSS样式display来控制显示与隐藏场景：频繁切换显示隐藏的场景例： <td> <span v-show="e.job == 1">班主任</span> <span v-show="e.job == 2">讲阅读全文

posted @ 2025-07-05 18:15 休玛阅读(8) 评论(0) 推荐(0)

v-if

摘要：语法：v-if="表达式"，表达式值为 true，显示；false，隐藏原理：基于条件判断，来控制创建或移除元素节点（条件渲染）场景：要么显示，要么不显示，不频繁切换的场景其它：可以配合 v-else-if / v-else 进行链式调用条件判断例： <td> <span v-if="e.job 阅读全文

posted @ 2025-07-05 18:11 休玛阅读(10) 评论(0) 推荐(0)

v-bind

摘要：作用：动态为HTML标签绑定属性值，如设置href，src，style样式等。语法：v-bind:属性名="属性值" <img v-bind:src="item.image" width="30px"> 简化：:属性名="属性值" <img :src="item.image" width="30p 阅读全文

posted @ 2025-07-05 18:05 休玛阅读(10) 评论(0) 推荐(0)

v-for

摘要：作用：列表渲染，遍历容器的元素或者对象的属性语法： <tr v-for="(item,index) in items" :key="item.id"> {{item}}</tr>参数说明：items 为遍历的数组item 为遍历出来的元素index 为索引/下标，从0开始；可以省略，省略index 阅读全文

posted @ 2025-07-05 17:49 休玛阅读(76) 评论(0) 推荐(0)

Vue快速入门[初入门易犯错的点都做了标注]

摘要：准备 1. 引入Vue模块（官方提供） <script type="module">//module module module module module module import { createApp } from 'https://unpkg.com/vue@3/dist/vue.esm- 阅读全文

posted @ 2025-07-05 17:31 休玛阅读(6) 评论(0) 推荐(0)

公告