VUE

最新推荐文章于 2022-08-19 16:24:09 发布

Endure95

最新推荐文章于 2022-08-19 16:24:09 发布

阅读量151

点赞数

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_39263750/article/details/99689292

版权

在这里插入图片描述
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发请求

在这里插入图片描述

在这里插入图片描述

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
VUE

Model和Dom通过监控者绑定在一起，双向绑定只要Model发生变化，Dom马上就发生变化。工具：WebStorm渐进式与兼容性视图组件化虚拟DOM（Virtual DOM）提高了绑定数据时的效率。caozuo引入直接绑定也可以这样绑定y语法ifif-else的使用v-for标签动态渲染不用自己拼了循环对象：对象属性...
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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