Vue.js学习系列(六)---条件与循环
来源:互联网 发布:淘宝有没有死店一说 编辑:程序博客网 时间:2024/06/05 06:39
在vuejs中同样可以进行条件判断和循环。
1.条件判断
vuejs通过“v-if”指令执行判断
v-if表示的是值为true则显示该标签,为false则不显示;
这段代码表示,如果abc这个对象存在的话,就显示这一行数据,它的值为abc.a。如果不存在的话,就不显示。显然在该代码中abc对象是存在的,且abc.a的值为1.所以最后在页面上显示的是1。
2.循环
vuejs中的循环时通过v-for指令来执行的。它表示的是列表渲染。
这里的items可以是一个对象那个也可以是一个数组。v-for="i in items"就相当于
for(var i in items).{{i}}就相当于是items[i].这里的li会被复制多个,然后依次被items[i]渲染,直到渲染完毕;最终在页面显示的是值为1 2 3的列表。
0 0
- Vue.js学习系列(六)---条件与循环
- 前端框架vue.js系列(2):条件与循环
- vue.js基础-声明式渲染和条件与循环
- vue.js基础-声明式渲染和条件与循环
- Vue学习之源码分析--Virtual DOM与diff(Vue.js实现)(六)
- Vue。js学习系列(二十四)--条件语句(二)
- Vue.js学习 Item7 -- 条件渲染与列表渲染
- Vue.js 学习6 条件渲染与列表渲染
- Vue.js学习系列(二十五)-- 循环语句(一)
- Vue.js学习系列(二十六)-- 循环语句(二)
- Vue.js学习系列(三十五)-- Vue.js事件监听
- Vue.js学习系列(三十七)-- Vue.js表单
- Vue.js学习系列(四十二)-- Vue.js组件
- Vue.js学习系列六——Vue单元测试Karma+Mocha学习笔记
- Vue.js学习系列六——Vue单元测试Karma+Mocha学习笔记
- 前端框架vue.js系列(9):vue构造、vue组件与vue实例的关系
- vue学习系列-认识vue.js
- 曹可爱之最可爱-Vue.js入门(六)条件渲染
- KMP学习笔记
- 北京政府占股扶持机构
- 51nod 贪心入门之二 活动安排问题
- 【数组】Leetcode编程题解:485. Max Consecutive Ones Add to List
- hello world
- Vue.js学习系列(六)---条件与循环
- Chap 1--Introduction
- 分布式文件系统
- char*和char[]的区别和小结
- WordPress函数:wp_page_menu(页面菜单)
- 构建Docker平台【第一篇】环境准备
- 分布式文件系统
- 模板标签-wp_page_menu()
- 用户文件资料存取(千万级别用户资料文件夹简单保存)