props/$emit

171 阅读1分钟

props 不能修改外部数据###

将父组件数据或函数:fn='add'传给外部子组件

image.png

props接受这个函数,并且添加button摁扭触发事件

image.png

此时用外部的函数fn可以调用demo的触发事件

$emit 可以触发事件并传参###

子组件得到用户传来的data.title然后用$emit向外传出add事件和title数据

image.png

父组件得到事件和数据后,将数据放到list列表里生成id随机数让title=title

image.png

$event可以获取$emit的参数
有个语法糖修饰符.sync可以同时监听事件和值

image.png