v-bind和v-model的区别

v-bind与v-model区别

有一些情况我们需要 v-bind 和 v-model 一起使用：

data.name 和 data.body，到底谁跟着谁变呢？甚至，它们会不会产生冲突呢？

实际上它们的关系和上面的阐述是一样的，v-bind 产生的效果不含有双向绑定，所以 :value 的效果就是让 input的value属性值等于 data.name 的值，而 v-model 的效果是使input和 data.body 建立双向绑定，因此首先 data.body 的值会给input的value属性，其次，当input中输入的值发生变化的时候，data.body 还会跟着改变。

上文提到过下面两句是等价的：

那么 v-model 其实就是 v-bind 和 v-on 的语法糖。看到此处，是不是豁然开朗呢？

作者：transformer_WSZ
来源：CSDN
原文：https://blog.csdn.net/transformer_wsz/article/details/80245962
版权声明：本文为博主原创文章，转载请附上博文链接！