为什么子组件中不能用v-for
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="https://cdn.bootcss.com/vue/2.6.6/vue.min.js"></script>
<title>Example</title>
<style>
.root {
width: 1500px;
height: 500px;
border: 2px solid orange;
border-radius: 50px;
}
</style>
</head>
<body>
<div id="root">
<div class="root"></div>
<child></child>
</div>
<script>
Vue.component('child', {
data () {
return {
list: [{
id: 0001,
name: 'x',
age: 9
},{
id: 0002,
name: 'a',
age: 2
}]
}
},
template: '<div v-for="item of list" :key="item.id">{{ item.name }}</div>'
})
let vm = new Vue({
el: '#root'
})
</script>
</body>
</html>
老师，为什么这里循环不出来子组件中的list
1022
收起
正在回答
相似问题
登录后可查看更多问答，登录/注册
Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战
- 参与学习 10733 人
- 提交作业 602 份
- 解答问题 8206 个
课程紧跟Vue3版本迭代，企业主流版本Vue2+Vue3全掌握
了解课程
