Vue基础系列(五)——Vue中的指令(中)
写在前面的话: 文章是个人学习过程中的总结,为方便以后回头在学习。 文章中会参考官方文档和其他的一些文章,示例均为亲自编写和实践,若有写的不对的地方欢迎大家和我一起交流。 VUE基础系列目录 《VUE基础系列(一)——VUE入坑第一篇》 《VUE基础系列(二)——VUE中的methods属性》 《VUE基础系列(三)——VUE模板中的数据绑定语法》 《VUE基础系列(四)——VUE中的指令(上)》 《VUE基础系列(五)——VUE中的指令(中)》 一.v-model v-model是作用于input/textarea等 表单控件 的双向数据绑定指令,当我们修改表单元素的内容,会自动的更新vue中的数据 #示例 <! DOCTYPE html > < html > < head > < title > vue中的指令(中) </ title > < script type ="text/javascript" src ="https://cdn.jsdelivr.net/npm/vue/dist/vue.js" ></ script > </ head > < body > < div id ='box' > < input v-model ='msg' type ='text' /> < br > 这里是msg的值:{{msg}} </ div > < script type =