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

最新推荐文章于 2023-03-07 10:14:04 发布

aiyulove201314

最新推荐文章于 2023-03-07 10:14:04 发布

阅读量180

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/pythonywy/p/11426052.html

版权

0828自我总结

一.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>

转载于:https://www.cnblogs.com/pythonywy/p/11426052.html