vue新学习 02 vue命令v-model，数据代理，事件，监听，渲染

双向绑定用命令v-model：
v-bind的命令是单项去绑定data中的相关属性，此时的data是真正的data，并没有用变量声明的方式去接收vue实例对象，也就是例如用const vm = new Vue({})。而是直接就采用了new Vue（{}）这样子的形式，（v-bind和v-model在这个例子中都是如此，所以现在并没有数据代理的问题）所以此时数据的来源是vue实例对象，不是以后所采用的数据代理模式（也就是变量vm的数据来源）。

v-model通常是和输入元素进行合作的，这一部分通常是表单标签，例如input，checkbox等等，功能是修改输入元素的值，会去修改相应的vue实例化的对象中的data中的相关属性。
例如：

结果：

用v-model来与不是输出标签的标签进行合作：

结果：