vue中组件间的传值为单向传递，子组件想要更新父组件的值，需要用emit触发父组件函数，用.sync修饰符简化父组件中监听事件过程。
// 'update:msg'事件名和父组件监听名称对应
this.$emit('update:msg','更改了父元素的值！');
<template>
<div id="app">
<HelloWorld
:msg="msg"
// 当在父级组件监听这个事件的时候，我们可以通过 $event 访问到被抛出的这个值
v-on:update:msg="msg = $event"
/>
</div>
</template>
.sync替代了 v-on:update:msg="msg = $event"
<template>
<div id="app">
<HelloWorld
:msg.sync="msg"
/>
</div>
</template>
在说vue 修饰符sync前，我们先看下官方文档：vue .sync 修饰符，里面说vue .sync 修饰符以前...
vue 修饰符sync【 vue sync修饰符示例】 先看下一个参考的文章：深入理解vue 修饰符sync【 v...
参考文章:vue中需要注意的问题总结(上) 1.对于sync的使用 参考vue的修饰符sync 在有些情况下，我们...
子组件 类似于vue2的.sync 修饰符
.sync修饰符 父组件 子组件 vue的数据响应式
产生缘由 vue中组件间的传值为单向传递，子组件想要更新父组件的值，需要用emit触发父组件函数，用.sync修饰...
原理.sync修饰符本质上是语法糖，将代码进行了简化。核心原理是对子组件， 对父组件的pros进行监听并且更新。先...
子组件修改父组件中的某个属性值，正常写法 使用sync修饰符的写法 操作步骤:子组件中: this.$emit("...
.sync是一个语法糖 Vue的三个规则 组件不能修改props外部数据 $emit可以触发事件并传参 $even...
在有些情况下，我们可能需要对一个 prop 进行“双向绑定”。不幸的是，真正的双向绑定会带来维护上的问题，因为子组...
本文标题：vue中的.sync修饰符
本文链接：https://www.haomeiwen.com/subject/ckirfktx.html
网友评论