美文网首页
vue .sync修饰符

vue .sync修饰符

作者: kate2020 | 来源:发表于2018-03-14 11:00 被阅读53次

今天又翻了一下vue文档,.sync修饰符一直没有领会,今天总算弄清楚了,它允许在子组件中直接改变父组件数据,而我之前的做法是通过在子组件中watch监听,使用.sync让开发简单很多
父组件代码:

<comp :foo.sync="bar"></comp>

子组件中改变父组件数据的方式:

this.$emit('update:foo', 'hell')

相关文章

  • 深入理解vue 修饰符sync【 vue sync修饰符示例】

    在说vue 修饰符sync前,我们先看下官方文档:vue .sync 修饰符,里面说vue .sync 修饰符以前...

  • 2018-10-11

    vue 修饰符sync【 vue sync修饰符示例】 先看下一个参考的文章:深入理解vue 修饰符sync【 v...

  • vue3 的 v-model

    子组件 类似于vue2的.sync 修饰符

  • .sync修饰符及MVVM

    .sync修饰符 父组件 子组件 vue的数据响应式

  • 关于vue的一些实践

    参考文章:vue中需要注意的问题总结(上) 1.对于sync的使用 参考vue的修饰符sync 在有些情况下,我们...

  • Vue3的组件上v-model的用法

    Vue3的组件上v-model的用法用法示例: 相当于 vue 2 注:Vue3 v-model没有.sync修饰符

  • vue .sync修饰符

    今天又翻了一下vue文档,.sync修饰符一直没有领会,今天总算弄清楚了,它允许在子组件中直接改变父组件数据,而我...

  • vue sync 修饰符

    原文地址:https://juejin.im/post/5b6afe9e5188251b1f228666 sync...

  • vue sync 修饰符

    sync 修饰符 子组件 父组件 点击促发后content数据会变成子组件传的值

  • Vue sync修饰符

      在一些情况下,可能会需要对一个 prop 进行双向绑定。事实上,这正是Vue1.x中的 .sync修饰符所提供...

网友评论

      本文标题:vue .sync修饰符

      本文链接:https://www.haomeiwen.com/subject/ectfqftx.html