①引入组件
import Header from './header'
import Footer from './footer'new Vue({
data:{
isShow:true
},
components:[
Header,Footer
]
})然后在模板中就可以使用<Header></Header>,<Footer></Footer>
②组件之间通信-props
//this is header.vue
new Vue({
data:{
username:'xxx'
},
props:['msg'],
methods:{
doThis:function(){
console.log(this.msg)
}
}
})//this is app.vue
<header msg = ''something interesting"></header>
<footer></footer>最后
以上就是风中水池最近收集整理的关于Vue组件的全部内容，更多相关Vue组件内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复