组件组合:

1.在Vue中,父子组件的关系可以总结为prop向下传递,事件向上传递。


父组件通过**prop**给子组件下发数据
子组件通过**事件**给父组件发送消息

2.使用prop传递数据:

组件实例的作用域是孤立的,这意味着不能在子组件的模板内直接引用父组件的数据。父组件的数据需要通过prop才能下发到子组件中。

子组件要显式地用 props 选项声明它预期的数据:

Vue.component('child', { // 声明 props props: ['message'], // 就像 data 一样,prop 也可以在模板中使用 // 同样也可以在 vm 实例中通过 this.message 来使用 template: '{{ message }}'

})

JSRUN前端笔记, 是针对前端工程师开放的一个笔记分享平台,是前端工程师记录重点、分享经验的一个笔记本。JSRUN前端采用的 MarkDown 语法 (极客专用语法), 这里属于IT工程师。