web前端vue组件和父子之间传值

什么是vue组件?
组件(Component)是vue.js最强大的功能之一,组件可以扩展HTML元素,封装可重用的代码。
组件的注册使用如下,其中button-counter是组件名称,以HTML形式使用

父组件给子组件传值:
父组件发送的形式是以属性的形式绑定值到子组件身上;
然后子组件用属性props接收;
在props中使用驼峰形式,模板中需要使用短横线的形式。

{{pmsg}}

子组件给父组件传值:
props传递数据原则:单向数据流,所以子组件向父组件传值的本质是自定义事件

{{pmsg}}

你可能感兴趣的:(web前端vue组件和父子之间传值)