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 相关文章推荐
关于UTF-8的客户端用AJAX方式获取GB2312的服务器端乱码问题的解决办法
Nov 30 Javascript
jquery动画2.元素坐标动画效果(创建一个图片走廊)
Aug 24 Javascript
使用js操作cookie的一点小收获分享
Sep 03 Javascript
jQuery简单实现网页选项卡特效
Nov 24 Javascript
JavaScript实现打开链接页面的方式汇总
Jun 02 Javascript
jQuery插件passwordStrength密码强度指标详解
Jun 24 Javascript
微信小程序 swiper制作tab切换实现附源码
Jan 21 Javascript
JavaScript之浏览器对象_动力节点Java学院整理
Jul 03 Javascript
使用layui+ajax实现简单的菜单权限管理及排序的方法
Sep 10 Javascript
js 计算月/周的第一天和最后一天代码
Feb 01 Javascript
浅析 Vue 3.0 的组装式 API(一)
Aug 31 Javascript
详解为什么Vue中的v-if和v-for不建议一起用
Jan 13 Vue.js
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及Zend Engine的线程安全模型分析
2011/11/10 PHP
Php图像处理类代码分享
2012/01/19 PHP
YII框架行为behaviors用法示例
2019/04/26 PHP
js静态作用域的功能。
2006/12/25 Javascript
javascript下function声明一些小结
2007/12/28 Javascript
jquery ajax 同步异步的执行示例代码
2010/06/23 Javascript
JS在textarea光标处插入文本的小例子
2013/03/22 Javascript
编写自己的jQuery提示框(Tip)插件
2015/02/05 Javascript
深入理解JavaScript系列(49):Function模式(上篇)
2015/03/04 Javascript
JS实现灵巧的下拉导航效果代码
2015/08/25 Javascript
JavaScript 七大技巧(一)
2015/12/13 Javascript
即将发布的jQuery 3 有哪些新特性
2016/04/14 Javascript
node.js实现博客小爬虫的实例代码
2016/10/08 Javascript
Angularjs 实现移动端在线测评效果(推荐)
2017/04/05 Javascript
JavaScript内存泄漏的处理方式
2017/11/20 Javascript
Redux实现组合计数器的示例代码
2018/07/04 Javascript
js实现弹出框的拖拽效果实例代码详解
2019/04/16 Javascript
Vue开发之封装上传文件组件与用法示例
2019/04/25 Javascript
使用vue-router在Vue页面之间传递数据的方法
2019/07/15 Javascript
微信小程序实现吸顶效果
2020/01/08 Javascript
js生成1到100的随机数最简单的实现方法
2020/02/07 Javascript
[09:37]2018DOTA2国际邀请赛寻真——不懈追梦的Team Serenity
2018/08/13 DOTA
Python中解析JSON并同时进行自定义编码处理实例
2015/02/08 Python
分析Python编程时利用wxPython来支持多线程的方法
2015/04/07 Python
Python实现多进程的四种方式
2019/02/22 Python
Django Form常用功能及代码示例
2020/10/13 Python
亚马逊中国官方网站:amazon.cn
2017/05/25 全球购物
大学毕业生工作的自我评价
2013/10/01 职场文书
采购求职信
2014/03/17 职场文书
内蒙古鄂尔多斯市市长寄语
2014/04/10 职场文书
母亲节演讲稿
2014/05/27 职场文书
机电一体化应届生求职信
2014/08/09 职场文书
社区平安建设汇报材料
2014/08/14 职场文书
新郎父亲婚礼致辞
2015/07/27 职场文书
护理心得体会范文
2016/01/22 职场文书
扩展多台相同的Web服务器
2021/04/01 Servers