vue组件之间的通信

---局部组件:局部组件必须手动挂载,不然无法生效。

---全剧组件:全局组件不需要手动挂载,但不常用,尽量不要在全局上挂载变量或者组件(影响浏览器性能)

---配合模板实现组件之间的嵌套。

vue组件之间的通信

组件是vue.js最强大的功能之一,核心目标是扩展HTNL元素,封装可重用代码。组件可按照template,style,script的拆分方式,放到对应的.vue文件中。

Vue组件之间的通信:

       一是DOM事件绑定,可以通过v-on或事件语法糖@来为DOM元素绑定事件

       二是自定义事件,为组件通信设置,提供@on(监听子组件),@off,@once,@emit(触发事件,把事件沿着父链冒泡)

Vue组件数据三种传递方式:

Props 是组件数据的一个字段,从父组件传递给子组件。子组件中显示使用props选项来获取父组件是数据。默认是单项绑定(.once),可以使用.sync改为双向绑定。(不提倡使用)

组件通信 作用域是层级的,故可以在作用域链上传递事件,每个vue实例都是一个事件触发器,有函数:$on()  $emit()

Solt 不同的使用场景组件一部分内容需要不同的内容显示,而这个solt就好比开发组件时定义的一个参数(通过name值来区分),如果不传入就当默认值使用,传入新的值,那么组件调用时就会替换你定义的solt的默认值。