概述
①引入组件
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组件所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复