怎么在Vue中修改差值表达式

本篇文章为大家展示了怎么在Vue中修改差值表达式,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

一.Vue中的循环

怎么在Vue中修改差值表达式

v-for

常见的4总情况

#第一种
<divv-for="iteminitems"></div>

#第二种
<divv-for="(item,index)initems"></div>

#第三种
<divv-for="(val,key)inobject"></div>

#第四种
<divv-for="(val,name,index)inobject"></div>

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

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

delimiters

举个例子

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

上述内容就是怎么在Vue中修改差值表达式,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注恰卡编程网行业资讯频道。

发布于 2021-02-24 07:34:35
收藏
分享
海报
0 条评论
158
上一篇:global关键字怎么在python中使用 下一篇:如何在javascript中对数据类型进行检测
目录

    0 条评论

    本站已关闭游客评论,请登录或者注册后再评论吧~

    忘记密码?

    图形验证码