首页 > 编程 > JavaScript > 正文

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

2019-11-19 10:56:41
字体:
来源:转载
供稿:网友

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表