组件

组件(component):是Vue最轻大的功能之一。 组件化开发
特点:组件可以扩展HTML元素,封装可重用代码。
组件分为全局与局部
全局

 

局部

 

组件的命名不可以使用HTML中已有的元素
组件中也可以写data、methods
data需要写在一个函数的返回值中

可以同时写多个组件,组件之间也可以相互传值

组件间的相互传值

1 父传子 用属性传
2 子传父 用事件传
3 同级之间传值

父传子(用属性传)

选项props是父子组件间的桥梁
props格式为:props:[' 自定义属性'],

   

子传父(用事件传)

this.emit('自定义事件',参数)。 子组件中需要以某种方式例如点击事件的方法来触发一个自定义事件 将需要传的值作为emit的第二个参数,该值将作为实参传给响应自定义事件的方法
在父组件中注册子组件并在子组件标签上绑定对自定义事件

点击前


QQ拼音截图未命名.png

点击后


QQ拼音截图未命名.png

同级之间传值

你可能感兴趣的:(组件)