1. 首页
  2. 编程语言
  3. Javascript
  4. vue中使用v-model完成组件间的通信

vue中使用v-model完成组件间的通信

上传者: 2021-08-25 20:19:22上传 PDF文件 78.71 KB 热度 10次

以上的两种方法,都是实现的单向数组传递,那如何实现两个组件之间的双向传递呢?vue中有一个很神奇的东西叫使用父组件子组件在这里,报了一个错误,这是因为数据流是单向的,但是我们在这里,子组件不应该直接修改props里的值。这里不能直接修改,所以我们需要迂回着修改,在子组件中定义一个自己的变量,再将props的值赋值到自己的变量,修改自己的变量是可以的。子组件 - 修改props中的值两个组件间更新完成了上述代码,你会发现两个组件都改变的内容,但是只更新了自身组件的内容,如何使两个组件进行同步更新呢?

下载地址
用户评论