H5W3
当前位置:H5W3 > 问答 > 正文

VUE里面一些符号的疑问

<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变化,注意一下就好了。

未经允许不得转载:H5W3 » VUE里面一些符号的疑问

赞 (0)

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址