Vue中的循环及修改差值表达式的方法


Posted in Javascript onAugust 29, 2019

一.Vue中的循环

v-for

常见的4总情况

#第一种
<div v-for="item in items"></div>

#第二种
<div v-for="(item, index) in items"></div>

#第三种
<div v-for="(val, key) in object"></div>

#第四种
<div v-for="(val, name, index) in object"></div>

正对于对象为字典,如果是普通的列表数组类型的index为空

二.Vue中的分隔符(修改差值表达式)

delimiters

举个例子

<div id="app">
  [[ msg }}
</div>
<script src="vue.js"></script>
<script>
  new Vue({
    el: '#app',
    data: {
      msg: 'message'
    },
    // 修改插值表达式符号
    delimiters: ['[[', '}}'],  两边符号用'符号' 差值的内容`, `来表示
  })
</script>

总结

以上所述是小编给大家介绍的Vue中的循环及修改差值表达式的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
javascript 传统事件模型构造的事件监听器实现代码
May 31 Javascript
JavaScript的类型简单说明
Sep 03 Javascript
JavaScript中的类继承
Nov 25 Javascript
JQuery入门—JQuery程序的代码风格详细介绍
Jan 03 Javascript
js实现跨域的多种方法
Dec 25 Javascript
使用jQuery实现一个类似GridView的编辑,更新,取消和删除的功能
Mar 15 Javascript
ES6新特性八:async函数用法实例详解
Apr 21 Javascript
浅谈react前后端同构渲染
Sep 20 Javascript
Vue波纹按钮组件制作
Apr 30 Javascript
Angularjs之如何在跨域请求中传输Cookie的方法
Jun 01 Javascript
video.js 一个页面同时播放多个视频的实例代码
Nov 27 Javascript
layui table数据修改的回显方法
Sep 04 Javascript
vue父子组件通信的高级用法示例
Aug 29 #Javascript
Elementui表格组件+sortablejs实现行拖拽排序的示例代码
Aug 28 #Javascript
JS中async/await实现异步调用的方法
Aug 28 #Javascript
基于Node的Axure文件在线预览的实现代码
Aug 28 #Javascript
详解用async/await来处理异步
Aug 28 #Javascript
vue中监听返回键问题
Aug 28 #Javascript
微信小程序 拍照或从相册选取图片上传代码实例
Aug 28 #Javascript
You might like
php编程实现获取excel文档内容的代码实例
2011/06/28 PHP
PHP学习笔记 IIS7下安装配置php环境
2012/10/29 PHP
php三维数组去重(示例代码)
2013/11/26 PHP
PHP程序员必须清楚的问题汇总
2014/12/18 PHP
实例讲解PHP验证邮箱是否合格
2019/01/28 PHP
利用PHP如何统计Nginx日志的User Agent数据
2019/03/06 PHP
jquery实现可拖动DIV自定义保存到数据的实例
2013/11/20 Javascript
jQuery的3种请求方式$.post,$.get,$.getJSON
2014/03/28 Javascript
js实现最短的XML格式化工具实例
2015/03/12 Javascript
浅析jquery与checkbox的checked属性的问题
2016/04/27 Javascript
Bootstrap和Java分页实例第二篇
2016/12/23 Javascript
jQuery设置图片等比例缩小的方法
2017/04/29 jQuery
浅析JavaScript中的平稳退化(graceful degradation)
2017/07/24 Javascript
AngularJS实现自定义指令及指令配置项的方法
2017/11/20 Javascript
浅析vue-router jquery和params传参(接收参数)$router $route的区别
2018/08/03 jQuery
详解javascript中的Error对象
2019/04/25 Javascript
[01:06:07]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS CIS
2014/05/22 DOTA
[01:38]完美世界高校联赛决赛花絮
2018/12/02 DOTA
Android模拟器无法启动,报错:Cannot set up guest memory ‘android_arm’ Invalid argument的解决方法
2016/07/01 Python
用virtualenv建立多个Python独立虚拟开发环境
2017/07/06 Python
Python使用pickle模块存储数据报错解决示例代码
2018/01/26 Python
Python标准库shutil用法实例详解
2018/08/13 Python
在Python中字符串、列表、元组、字典之间的相互转换
2019/11/15 Python
python tqdm 实现滚动条不上下滚动代码(保持一行内滚动)
2020/02/19 Python
Python操作Excel工作簿的示例代码(\*.xlsx)
2020/03/23 Python
python如何控制进程或者线程的个数
2020/10/16 Python
Python如何使用ConfigParser读取配置文件
2020/11/12 Python
Jupyter Notebook安装及使用方法解析
2020/11/12 Python
大学生军训自我评价分享
2013/11/09 职场文书
营销专业应届生求职信
2013/11/26 职场文书
酒后驾驶检讨书
2014/01/27 职场文书
经济类毕业生求职信
2014/06/26 职场文书
搞笑的获奖感言
2014/08/16 职场文书
数学复习课教学反思
2016/02/18 职场文书
《检阅》教学反思
2016/02/22 职场文书
Redisson实现Redis分布式锁的几种方式
2021/08/07 Redis