root
/
admin_vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

已更新至父组件向子组件传递数据(详细)

This commit is contained in:
Code12121 2022-10-24 18:44:57 +08:00
parent 973e2ad03a
commit 03b84ef672
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
10-组件化开发/07-父子组件的通信/07-1父组件向子组件的通信（props）/父组件向子组件传递数据(详细).html
View File

@ -23,11 +23,11 @@
<div id="app"> <div id="app">
<!-- 使用组件 --> <!-- 使用组件 -->
<apps :new_list="list" class="apps"></apps> <apps :new_list="list" class="apps"></apps>
<apps :new_list="list" class="apps"></apps>
</div> </div>
<!-- 使用template标签将组件模块分离，让组件的内容更有层次感 --> <!-- 使用template标签将组件模块分离，让组件的内容更有层次感 -->
<template id="tpl"> <template id="tpl">
<div> <div>
<!-- 组件化的遍历与判断一般都是在template标签里面设置的 -->
<div v-for="item in new_list" > <div v-for="item in new_list" >
<div>{{item}}</div> <div>{{item}}</div>
</div> </div>
@ -58,7 +58,9 @@ vue.min.js 不包含完整警告，适合网站上线
// new_list:Array // new_list:Array
new_list:{ new_list:{
type:Array, type:Array,
default:['1','2','3','4'] default(){
return []
}
} }
}, },
data() { data() {