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

编程学习 2021-07-04 15:51www.dzhlxh.cn编程入门
这篇文章主要介绍了Vue中的循环及修改差值表达式的方法,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

一.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中的循环及修改差值表达式的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,长沙网络推广会及时回复大家的。在此也非常感谢大家对狼蚁SEO网站的支持!
如果你觉得本文对你有帮助,欢迎网络推广网站推广转载,烦请注明出处,谢谢!

Copyright © 2016-2025 www.dzhlxh.cn 金源码 版权所有 Power by

网站模板下载|网络推广|微博营销|seo优化|视频营销|网络营销|微信营销|网站建设|织梦模板|小程序模板