vue之父子组件通信

一. 父-子组件间通信

let children={
template:`<div><h1>{{send}}</h1></div>`, # 将传过来的信息send渲染出来
props:['send'] # 通过props来获取父级传过来的信息
};

let parent={
    components:{xx:children},
    template:'<xx v-bind:send="num"></xx>', # 自定义个绑定属相send,从data中
    data(){return {num:6688}}  # 获取num值,传给send属相
};

new Vue({
    el:'#app',
    components:{parent},
    template:'<parent></parent>'
})

巴特西

vue之父子组件通信

最新文章

热门文章