4种vue当中的指令和它的用法
2024-10-07 03:46:24
1、v-if:判断是否隐藏
2、v-for:数据循环
3、v-bind:class:绑定一个属性
4、v-model:实现数据双向绑定
这里重点说明一个v-if和v-show的区别:
共同点:都是通过判断绑定数据的true/false来展示的
不同点:v-if只有在判断为true的时候才会对数据进行渲染,如果为false代码删除。除非再次进行数据渲染,v-if才会重新判断。可以说是用法比较倾向于对数据一次操作。
v-show是无论判断是什么都会先对数据进行渲染,只是false的时候对节点进行display:none;的操作。所以再不重新渲染数据的情况下,改变数据的值可以使数据展示或隐藏
最新文章
- 朋友圈常见单页面触屏滑动上下翻屏功能jQuery实现
- sftp上传 - 待完
- android项目中配置NDK自动编译生成so文件
- Docker安装RStudio
- xxxxxxxxx
- HDU 4568 Hunter 最短路+状压DP
- 获取window窗口大小
- [接口服务] Jersey Rest Demo
- ipv4头部分析,读书笔记3
- jquery对象和javascript对象相互转换
- [Angular 2] Passing Template Input Values to Reducers
- [置顶] SQL注入问题
- keycode 锁键盘按键(只能输入数字)
- [bzoj1369] [Baltic2003]Gem
- BZOJ 2738: 矩阵乘法 [整体二分]
- 属性动画基础之ValueAnimator
- LeetCode算法题-Guess Number Higher or Lower(Java实现)
- Curl追踪请求延时问题
- bzoj3758. 数数
- git合并多个提交
热门文章
- LocalDate/LocalDateTime与String的互相转换示例(附DateTimeFormatter详解)
- springboot 项目中在普通类中调用dao层的mapper 出现空指针异常
- mongo注解详解
- 基于dubbo的分布式系统(一)安装docker
- mybatis plus 报错 org.apache.ibatis.binding.BindingException: Invalid bound statement (not found)
- 第八周课程总结 &; 实验报告(六)
- 选题 Scrum立会报告+燃尽图 06
- 【python】小型神经网络的搭建
- npm安装 syscall access
- T84341 Jelly的难题1