父页面
index.vue
<template>
<div class="hello">
<Children :name="name"></Children>
</div>
</template>
<script>
import Children from '你的途径/Children';
export default {
components:{
Children:Children
},
data () {
return {
name:'父页面的数据'
}
},
</script>
子组件
Children.vue
<template>
<div>
<h2>{{name}}</h2>
</div>
</template>
<script>
export default {
data(){
return{
activeName:1
}
},
props:{
name:{
type:String,
default:'我是默许值,能够不定义'
}
}
}
</script>
props 里定义的内容就是父页面通报过来的数据
type 范例能够是String,Number,Array,Object,Boolean
default 默许如果是 Array 或许 Function 必需以 return 的体式格局定义
例:
options:{
type:Array,
default(){
return [0,1,2,3]
}
}