vue-品牌管理案例

品牌管理

分析

1. 获取到 id 和 name ,直接从 data 上面获取

2. 组织出一个对象

3. 把这个对象，调用 数组的 相关方法，添加到 当前 data 上的 list 中

4. 注意：在Vue中，已经实现了数据的双向绑定，每当我们修改了 data 中的数据，Vue会默认监听到数据的改动，自动把最新的数据，应用到页面上；

div id="app">



    <div class="panel panel-primary">
      <div class="panel-heading">
        <h3 class="panel-title">添加品牌</h3>
      </div>
      <div class="panel-body form-inline">
        <label>
          Id:
          <input type="text" class="form-control" v-model="id">
        </label>

        <label>
          Name:
          <input type="text" class="form-control" v-model="name">