VUE

本文深入探讨Vue.js的核心概念,包括双向绑定、虚拟DOM、视图组件化及渐进式开发策略。详解了如何利用Vue.js进行高效数据绑定,提高开发效率。同时,对比分析了v-if与v-show指令的不同应用场景,以及如何使用v-for实现动态渲染。最后,介绍了Vue.js中事件绑定、过滤器和API调用的最佳实践。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在这里插入图片描述
Model和Dom通过监控者绑定在一起,双向绑定

只要Model发生变化,Dom马上就发生变化。

在这里插入图片描述

在这里插入图片描述
工具:WebStorm

在这里插入图片描述

渐进式 与 兼容性

在这里插入图片描述

视图组件化

在这里插入图片描述

虚拟DOM(Virtual DOM)

提高了绑定数据时的效率。

caozuo

引入
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
直接绑定
在这里插入图片描述
也可以这样绑定
在这里插入图片描述

y语法

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
if
在这里插入图片描述
if-else的使用
在这里插入图片描述

v-for标签 动态渲染 不用自己拼了

在这里插入图片描述
在这里插入图片描述

循环对象:对象属性一行一行的循环。
在这里插入图片描述
在这里插入图片描述

可以进行数据操作
在这里插入图片描述
在这里插入图片描述

绑定方法、事件:
在这里插入图片描述
简写方式:
在这里插入图片描述

双向绑定

Dom里面的数据变了,model里面的数据也跟着变了。

在这里插入图片描述

鼠标移出
在这里插入图片描述
v-show和v-if的区别,v-if直接不加载p标签了,而v-show会加载标签,只是给他设置了 个隐藏的属性
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

模拟提交订单 3秒休眠

在这里插入图片描述
上图,添加进去的num无法加减(因为是自己后面拼上去的,不会识别)
通过vue的api方法来动态操作。
在这里插入图片描述

箭头函数
()=>{ } 等效于 funcion(){}
(book)=>{ } 等效于 funcion(){return book }

过滤器

先做一个双向绑定,虽然文板框里面什么都能输入,显示的时候有条件

局部过滤器
在这里插入图片描述

全局过滤器
在这里插入图片描述


等你请求完了(异步延迟完了,就是1秒过后)之后我再来获取这个请求

在这里插入图片描述


Axios

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

封装到对象里面
在这里插入图片描述
这样就可以传过去了获取到了
在这里插入图片描述

这就是借口的规范。
必须在请求头里面加这个
在这里插入图片描述
如果
在这里插入图片描述

如果用application来发,后台必须要接受一个对象,并且使用@RequestBody,要求客户端传过来的数据必须是Applicaiton json格式
在这里插入图片描述

RestFul风格
在这里插入图片描述

在这里插入图片描述

Get:查
Post:增
Put:改

使用axios发请求

在这里插入图片描述

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值