sync修饰符

简介: sync修饰符
  • 常规情况下,我们进行子向父更新值得时候都需要这样做


// 子组件
this.$emit('changed', value)
// 父组件
<child @changed="method" :showlog="showlog" />
method(value) {
  this.showlog = value
}


但是, vuejs为我们提供了sync修饰符,提供了一种简写得模式


// 子组件 update: 固定写法
this.$emit('update:showlog', value)
// 父组件
<child :showlog.sync="showlog" />
相关文章
|
7月前
|
安全 编译器 程序员
【C++ 修饰符关键字 explicit 】掌握C++中的explicit :构造函数行为和初始化综合指南
【C++ 修饰符关键字 explicit 】掌握C++中的explicit :构造函数行为和初始化综合指南
504 3
|
1月前
|
数据可视化 JavaScript
使用.sync 修饰符的最佳实践
在组件间通信时,使用 `.sync` 修饰符可以简化父子组件之间的双向数据绑定。通过在子组件中使用 `v-bind.sync`,父组件可以监听并同步子组件的属性变化,实现高效的数据传递和更新。
|
3月前
|
JavaScript
Vue2 sync 修饰符
本文介绍了Vue 2中`.sync`修饰符的用法,它是一种语法糖,用于简化父子组件之间的双向数据绑定,通过在子组件中触发以`update:`为前缀的事件来更新父组件中的数据。
84 20
|
3月前
|
编译器 API 索引
常量、修饰符,以及回调函数
常量、修饰符,以及回调函数
21 0
|
7月前
|
编译器 C++
|
Java
synchronize 三大作用、三大用法
synchronize 三大作用、三大用法
121 0
|
JavaScript
Vue 指令及修饰符 & .sync 详解
Vue 指令及修饰符 & .sync 详解
132 0
【C++】 --- C++函数后面加const修饰符
【C++】 --- C++函数后面加const修饰符
117 0
【C++】构造函数之初始化列表(Initialization list of constructors)
【C++】构造函数之初始化列表(Initialization list of constructors)
129 0
|
JavaScript
彻底理解sync的用法
彻底理解sync的用法
188 0