<template>
<div id="app">
<ul>
<li v-for="(val, key,index) in obj" :key='index'>
<p>{{val}}:{{key}}</p>
</li>
</ul>
<!-- v-pre出现差值表达式不会被解析 -->
<p v-pre>{{text}}</p>
</div>
</template>
<script>
export default {
data(){
return{
obj:{
a:"123",
b:"456",
c:"789"
}
}
}
}
</script>
<style lang='less' scoped>
</style>
本文探讨了Vue中使用v-for指令进行数据循环渲染的方法,同时讲解了v-pre指令的作用,即防止差值表达式被解析,保持其原始状态。
519

被折叠的 条评论
为什么被折叠?



