v-model用computed实现和视频中的写法有优劣吗？

首页课程实战体系课手记专栏慕课教程

v-model用computed实现和视频中的写法有优劣吗？

来源：7-1 搜索页面搜索框开发

错爱谁

2022-01-20

这样写也不要额外watch modelValue的变化了。请问老师两种写法有优劣吗？

computed: {
    query: {
      get() {
        return this.modelValue
      },
      set: debounce(300, function (newQuery) {
        this.$emit('update:modelValue', newQuery.trim())
      })
    }
  }

搜索

复制

写回答

2回答

ustbhuangyi

ustbhuangyi

2022-02-17

已采纳

这种写法也可以

0

2

那个少年长大了

老师，这种写法，get中读取this.modelValue，然后v-model，是不是还是对props modelValue的修改？仍然违反单向数据流原则。

2022-06-14

共2条回复

月入三千不是梦

月入三千不是梦

2022-06-10

这种写法更加简便诶

0

0

Vue3开发企业级音乐Web App 明星讲师带你学大厂代码

慕课网明星讲师黄轶深度讲解 Vue3.0 ，提升的不止是Vue代码能力

2223 学习 · 1002 问题

相似问题

这个不用高阶组件,可以实现吗

回答 2

回答 1

老师,这里的debounce不能写在watch中没有理解是为啥?

回答 3

老师你好，悬浮标题这种实现方法采用的是区间，请问一下这种创意是如何想出来的呢？很神奇

回答 1

为什么这里使用watch监听sliders的变化没有生效呢?

回答 2

打开慕课网App查看更多内容