Vue2 后端入门版总结

Vue2 后端入门版总结

黑马程序员vue前端基础教程-4个小时带你快速入门vue

1、vue基础

第一个vue程序

el: 挂载点

data: 数据对象

2、本地应用

v-text

v-html

v-on

计数器

模板代码

事件绑定成功

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vxs5k4lb-1651456048767)(https://gitee.com/key2136/typora/raw/master/img/image-20220428202643674.png)]

添加数据

v-show

可以根据布尔值切换状态

v-if

切换显示状态

v-show一个是切换样式 v-if一个是控制DOM树

在实际开发中，频繁切换的元素用v-show，反之用v-if，因为操作DOM树，对性能的消耗比较大，实际案例具体分析

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pJ7KNbvA-1651456048775)(https://gitee.com/key2136/typora/raw/master/img/image-20220428211717572.png)]

v-bind

切换属性

图片切换

v-for

响应式

v-on补充

文档传送门: API — Vue.js (vuejs.org)

v-model

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HxHll4tg-1651456048787)(https://gitee.com/key2136/typora/raw/master/img/image-20220429152715480.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9z344lyk-1651456048788)(https://gitee.com/key2136/typora/raw/master/img/image-20220429153213326.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Joztx94D-1651456048789)(https://gitee.com/key2136/typora/raw/master/img/image-20220429153108573.png)]

小黑记事本-介绍

布局

通过 审查元素 的方式, 定位到左侧需要修改的地方

小黑记事本-新增

小黑记事本-删除

截取删除方法Splice(从第几个开始，删除多少)

点击审查元素,找到事件发生的地方

小黑记事本-统计

小黑记事本-清空

小黑记事本-隐藏

早期是基于DOM,现在是基于数据

3、网络应用

axios基本使用

xhr是ajax请求

天知道