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;的操作。所以再不重新渲染数据的情况下,改变数据的值可以使数据展示或隐藏

最新文章

  1. 朋友圈常见单页面触屏滑动上下翻屏功能jQuery实现
  2. sftp上传 - 待完
  3. android项目中配置NDK自动编译生成so文件
  4. Docker安装RStudio
  5. xxxxxxxxx
  6. HDU 4568 Hunter 最短路+状压DP
  7. 获取window窗口大小
  8. [接口服务] Jersey Rest Demo
  9. ipv4头部分析,读书笔记3
  10. jquery对象和javascript对象相互转换
  11. [Angular 2] Passing Template Input Values to Reducers
  12. [置顶] SQL注入问题
  13. keycode 锁键盘按键(只能输入数字)
  14. [bzoj1369] [Baltic2003]Gem
  15. BZOJ 2738: 矩阵乘法 [整体二分]
  16. 属性动画基础之ValueAnimator
  17. LeetCode算法题-Guess Number Higher or Lower(Java实现)
  18. Curl追踪请求延时问题
  19. bzoj3758. 数数
  20. git合并多个提交

热门文章

  1. LocalDate/LocalDateTime与String的互相转换示例(附DateTimeFormatter详解)
  2. springboot 项目中在普通类中调用dao层的mapper 出现空指针异常
  3. mongo注解详解
  4. 基于dubbo的分布式系统(一)安装docker
  5. mybatis plus 报错 org.apache.ibatis.binding.BindingException: Invalid bound statement (not found)
  6. 第八周课程总结 & 实验报告(六)
  7. 选题 Scrum立会报告+燃尽图 06
  8. 【python】小型神经网络的搭建
  9. npm安装 syscall access
  10. T84341 Jelly的难题1