00:02
好，接下来呢，我在这个地方呢，我我我在创建一个零三。右键啊，新建文件。好，因为这个零三呢，实际上是跟零二很像，所以呢，我就把这零二呢复制一下，直接复制，然后呢，粘贴啊，粘过来写啊，然后接下来呢，我现在呢，比如说我的这个，呃，公司名啊，我我是通过一个。这个啊，文本框动态输入进去的啊，所以上面这块呢，我写一个文本框。好，然后接下来呢，这个地方呢，它的type呢，就是type普通文本，而它的Y6呢，是什么呢？啊，我想让他这value呢，正好就等于这个company这样对吧？啊，那么这个VALUE6如果等于这个company的话，就说明这个company是个动态的值，如果company是个动态的值的话，你你要是直接这样写它，是不是我们来访问一下它啊。
01:05
它是不是就是原样输出了，那我怎么才能让它是上硅谷啊，这几个字根据我们刚才学习的内容，是不是前面加一个V杠。冒号就可以了啊。好，你看这个地方是不是就变成上归谷了，好然后接下来呢，有一个简写的写法，是不是直接前面加冒号就可以啊，然后这样的话呢，前面呢，就是上硅谷，好，那这个其实还是数据绑定。啊，那么接下来呢，我们来看什么叫双向数据绑定，那么所谓的双向数据绑定呢，我们先要了解一个另外一个指令啊，我把它复制一下。好在这个地方呢，我们不用value，我们用什么呢？我们用另外的一个指令叫V-model。We-model啊，叫做数据模型，View当中的数据模型我指定为company，然后接下来呢，大家看啊，貌似它俩没什么区别，但是它俩的区别在哪呢？在用户交互的时候，比如说在第一个文本框式当中，我去修改这个内容，你会发现其他的这个元素是没有什么变化的，在第二个文物框中，我修改那个。
02:17
你会发现所有的元素都和它联动，也就是说首先这两个文本框会完成数据绑定啊，那也就是说这两个文本框的值呢，是从我们的data。对吧，是从我们的。Data渲染到页面当中的啊，Data然后呢，渲染到我们的页面中啊，我们先在data当中进行了数据的定义，然后呢，页面当中去把它获取出来了，接下来呢，你在页面当中去修改它，它会不会影响到我们的这个数据模型啊，没有影响，所以呢，这个就叫单项数据绑定啊，叫单项数据绑定好，然后接下来呢，我们看第二个，第二个当我去修改它的时候呢，它又影响了，影响到了我们的data塔，影响到了我们的data塔，因为我们页面当中其他部分的内容呢，都是绑定到data塔的，所以其他地方的内容呢，也被动态的改变了，所以呢，就是我们的。
03:20
Data影响了页面，然后你页面通过页面的交互对这个数据进行修改之后呢，它又反向又影响了data，然后data因为改变了，它又影响了页面当中的其他部分的内容。啊，这样的话呢，一来一回就形成了一个双向数据绑定啊，所以这就是双向数据绑定的一个基本的概念啊好。那么如果我们去严谨的去描述一下它呢，就是后面这块说的啊，当数据发生变化的时候，视图，视图也就是我们所说的页面啊，好也会发生变化，那数据模型发生了改变，会直接显示在页面上啊，这是单项，然后接下来当视图发生变化的时候，数据也会跟着同步变化，用户在页面上的修改会自动同步到数据模型中去，所以这个呢就是双向了。那么在这个地方大家需要注意，我们刚才用到的呢，是一个叫做v model的啊这么一个指令，那这个指令呢，只能用于这种用户交互组件当中，什么叫用户交互组件，就是比如说文本框啊，啊下拉列表啊，单选复选按钮啊，只能用于这一类的组件当中啊，你用在比如说用在A标签当中，我这个地方写一个v model。
04:45
那没有意义，为什么在A标签当中写v model没有意义呢？因为你这个完成不了用户交互，我们所说的双向数据绑定是必须在用户在这里面输入内容啊，参与操作，然后用户对这个数据的修改，影响了这个数据模型本身，所以这个是双向绑定的意义，那你像这种你使用v model它就不成立啊，没有这种语法好吧？啊，所以必须是交互组件啊，好，然后那接下来呢。
05:16
啊，我们来看一下啊，基于这种这个双向数据绑定呢，我们会有一个叫做MVVM的一个概念，我们先了解一下什么叫做MVVM。
我来说两句