需要new一个Vue实例,实例化的时候传入了一个对象{el:'#box',data:{msg:'Hello Vue!上面代码我们new处理一个Vue的实例,并赋值给了vm变量,通过这个vm变量,我们也可以访问其中定义的数据:所谓的“指令”其实就是扩展了HTML标签功能(属性)。v-model的双向数据绑定通过v-model 指令,我们把msg 数据绑定到了input文本框,我们修改文本框的值,发现msg 数据改变了。数组和json都被当作字符串输出了,显然这不是我们理想的效果。

VUE中v-model和v-for指令详解

VUE中v-model和v-for指令详解

VUE中v-model和v-for指令详解

VUE中v-model和v-for指令详解

VUE中v-model和v-for指令详解