// 查看右下角 console 输出
Vue.component('component-one',{
template: `
<div>
<div v-for="item in list">
{{ item }}
</div>
</div>
`,
props: {
// 直接使用数组或者对象赋值,是没效果的
// list: [1,2,3,4],
list: {
default: () => [1,2,3,4]
}
},
});
new Vue({
el: '#root',
})
<script src="https://unpkg.com/vue"></script>
<div id="root">
<component-one>
</component-one>
</div>