<body>
<div id="app">
<introduce :title="msg"></introduce>
<for-compoent :items="lessons"></for-compoent>
</div>
<script src="node_modules/vue/dist/vue.js"></script>
<script>
const introduce={
template:"<h1>{{title}}</h1>",
props:['title']
};
const forCompoent={
template: "<ul><li v-for='item in items'>{{item}}</li></ul>",
props:{
items:{
type:Array,
default:['java']
}
}
}
const app=new Vue({
el:"#app",
data:{
msg:"大家好,我是某某某",
lessons:['Java','php','python']
},
components:{
introduce,forCompoent
}
});
</script>
</body>
vue父容器向子容器通信
最新推荐文章于 2023-02-26 22:51:52 发布