这篇文章主要讲解了“修饰符v-model与.sync有哪些区别”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“修饰符v-model与.sync有哪些区别”吧！1. 作用相信过使用过vue框架的朋友对这个指令不会感到陌生，v-model是用来进行、、元素上数据的双向绑定的。例如：当我们在input框里输入了某个值的时候免费云主机域名，下面data里的value就可以直接后去到我们输入的值，而不需要操作dom元素进行获取。1. 本质v-model本质上来说是一个语法糖，我们习惯性的写法是这样的：但是实际上完整的写法是这样的：通过对比语法糖和原始写法可以得出：
再给元素添加v-model属性时，默认会把value作为元素的属性，然后把input事件作为实时传递value的触发事件。注意：不是所有能进行双向数据绑定的元素都是input事件！3、特殊用法一般情况下，我们使用v-model主要是用于数据的双向绑定，可以十分方便的获取到用户输入的值，但在某些特殊情况下，我们也可以将v-model用于父子组件之间数据的双向绑定。这里定义了一个father组件和son组件，并且将son组件引入到father组件中，给son组件绑定了v-model进行了传值。此时我们需要在son组件中接收并使用这个值：注意：这里接受的值必须是value，写成其他名字将会报错！父组件向子组件传值，子组件中是不能直接修修改数据的，直接修改的话就会报错当我们需要修改这个值时，就需要再将其传入到父组件中修改。这就需要在父组件中的子组件上定义一个自定义事件，通过子组件$emit('自定义事件名称','值')的方法将值传入父组件。但是在这里我们不能使用自定义事件，因为我们用的是v-model传值，所以我们只能使用input事件进行修改。子组件中使用$emit()方法.调用父组件中的事件,并且进行传值这样就完成父子组件之间的数据双向绑定效果1、作用.sync修饰符可以实现父子组件之间的双向绑定，并且可以实现子组件同步修改父组件的值，相比较与v-model来说,sync修饰符就简单很多了:2、本质这里面的传值与接收和正常的父组件向子组件传值没有区别，唯一的区别在于子组件往回传值的时候$emit所调用的事件名必须是update:属性名，事件名写错不会报错，但那时也不会有任何改变，这点需要注意。感谢各位的阅读，以上就是“修饰符v-model与.sync有哪些区别”的内容了，经过本文的学习后，相信大家对修饰符v-model与.sync有哪些区别这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是百云主机，小编将为大家推送更多相关知识点的文章，欢迎关注！
本篇内容主要讲解“在WPF中怎么使用多线程更新UI”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“在WPF中怎么使用多线程更新UI”吧!有经验的程序员们都知道：不能在UI线程上进行耗时操作，那样会造成界面卡顿，如下就…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
