Vue事件修饰符,组件

一、事件修饰符
事件修饰符:
.stop阻止事件冒泡
Vue事件修饰符,组件
.prevent阻止事件的默认行为
Vue事件修饰符,组件
.capture事件捕获
Vue事件修饰符,组件
.self自身触发
Vue事件修饰符,组件
.once只触发一次
Vue事件修饰符,组件
二、组件
组件式vue最强大的功能之一
可以扩展html元素,封装可以重用的代码
优点:
1.能减少代码的重用,提高开发效率
2.降低页面的耦合度,使页面更方便维护和管理
2.1局部组件
Vue事件修饰符,组件
推荐使用:
Vue事件修饰符,组件
2.2 全局组件
Vue事件修饰符,组件
2.3组件的嵌套
Vue事件修饰符,组件
2.4组件间的通信
//组件之间的通信传值
/父组件给子组件传值
1.用属性传 在子组件中用props定义属性 props:[‘属性名’]
//子组件给父组件传值
1.用方法传 $emit(‘事件’)
//兄弟组件之间的传值
2.4.1:父组件给子组件传值
Vue事件修饰符,组件
vue实例给组件传值
Vue事件修饰符,组件
子组件给父组件传值
Vue事件修饰符,组件
子组件给Vue实例传值
Vue事件修饰符,组件