vue中的组件

组件:组件化开发(component) 是 Vue.js 最强大的功能之一。

作用:组件可以扩展HTML元素,封装可重用代码
(组件在命名是不可以使用HTML中的元素)
组件分为全局组件和局部组件
全局组件

        

注意:在组件中data选项必须是一个函数且有返回值

组件props

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

子给父传

this.$emit('自定义事件',参数)。

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

非父子组件之间的通信

非父子组件之间传值,需要定义个公共的公共实例but,作为中间仓库来传值

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