.sync的一个用法

面试时，有人问了我修饰符是什么，就是一个点后面加一个单词，我当时还以为是什么文件夹后缀呢。很是尴尬

这里主要学习下.sync的一个用法
假设下场景：

这里有一个父组件，父组件中有个money，需要传到子组件中，但是我子组件又想改变这个值，该怎么做呢，直接在方法中改值肯定是错的，必须传递一个方法和值到父组件中才行。

但是这样就必须在父组件中再注册一个方法，这样就有点麻烦了，所以就用到了sync

原始比较繁琐的方式

父组件

<HelloWorld :money=money @update:money = "fn"></HelloWorld>money: 200
fn(val){this.money = val}

子组件

<span>money----->{{money}} <button @click="handleMoney">点击钱变多</button></span>props:{money: null}
handleMoney () {this.$emit('update:money',400)}

而用了sync后，父组件就简单多了
直接一步到位，也不用去写什么fn方法

<HelloWorld :money.sync=money></HelloWorld>

.sync的一个用法相关推荐

Go sync.WaitGroup的用法
介绍经常会看到以下了代码: package mainimport ("fmt""time" )func main(){for i := 0; i < 1 ...
argue的一个用法
今天注意到argue有一个用法: to state,giving clear reasons,that something is true,should be done etc:argue that ...
comparator比较器用法_Python学习：好像很少人知道 Python iter() 的另外一个用法？...
在前面的一期Python学习教程有跟大家介绍过关于序列.可迭代对象.迭代器.生成器的概念,其中有提到过,如果实现了 _iter_() 和 _next_() 就是生成器,同时验证可迭代对象最好的方法是 ...
sync.WaitGroup的用法
1.介绍经常会看到以下代码: package mainimport ("fmt""time" )func main(){for i := 0; i < ...
golang sync.Once的用法
sync.Once.Do(f func())是一个挺有趣的东西,能保证once只执行一次,无论你是否更换once.Do(xx)这里的方法,这个sync.Once块只会执行一次. package mai ...
rxjs里的Observable对象和map配合的一个用法
源代码: import { of } from 'rxjs'; import { Injectable } from '@angular/core'; import { map } from 'rxj ...
ng6的ng-template的一个用法
2019独角兽企业重金招聘Python工程师标准>>> 组件模板: <ng-template #tpl><div>i am in tpl {{name }} ...
extjs中bind_Extjs中双向数据绑定的一个用法
Extjs的双向数据绑定 Sometimes a component's state, e.g. thecheckedstate of a checkbox or the selected recor ...
case例句java_case的一个用法--case 嵌套
在工作中,有如下需求.通过case的嵌套解决了此问题!特此记录一下!(我用的是sql server 2005) 在查询的时候,有这样的一个需求数据库内容如下: iD description 1 ...

.sync的一个用法

原始比较繁琐的方式

.sync的一个用法相关推荐

最新文章

热门文章