@update:notes=“val=＞notes=val“这句话是什么意思？

vuejs中，

<NoteSidebar @update:notes="val=>notes=val"></NoteSidebar>

上面代码@update:notes="val=>notes=val"这句话是什么意思？
 

@update和$emit同时使用，是子组件用来快速修改父组件值的一种方式。

子组件：

this.$emit('update:run','你好');
//update后面其实是自定义的事件名称，父级用这个名字接收就好。~~~~

父组件：

<子组件 @update:run='function(data){notes=data}' ~~~~/>
//这种写法必须传一个函数进去，就是你题目中的样子， 只不过它写的剪头函数
//data => notes=data 相当于
//function(data){return notes = data}

vue本身也提供了简易的语法糖：
子组件不动，父组件改成：

<子组件 :run.sync='notes' />
//意思就是触发run这个事件的时候，将回调函数中的值付给notes

这种用法在某些低版本的vue中watch监听不到notes变化，注意一下就好了showtooltip。

本文地址：https://blog.csdn.net/iteye_5212/article/details/109260832