vue 使用记录

vue   使用记录

1.路径：http://localhost:8081/#/test?name=1

<router-link :to="{path:'/test',query: {name: id}}">跳转</router-link>(id是参数)

使用：this.$route.query.id

2.路径：http://localhost:8081/#/test/1

<router-link :to="'/test/'+id">跳转</router-link>(id是参数)
    {
       path: '/test/:id',
       name: 'Test',
       component: require('./component/Test.vue')
    }
    使用：this.$route.params.id
    this.$route是一个数组，里面包含路由的所有信息
    
    注意：router-link中链接如果是‘/’开始就是从根路由开始，如果开始不带‘/’，则从当前路由开始

3. ## vue 删除一行数据
   <button v-on:click="doM(id,index)"></button>
   data: {
      todos : [ {},{}]
   }
   methods : {
       doM: function(id,index){
        this.todos.splice(index,1)
       }
   }
   
4.  在 option  选择框中， value   要绑定属性，@bind:value  or  :value
1
    <select v-model='somedata.gid'  class="form-control">
        <option value='default'>请选择类别 ... </option>
        <template  v-for="d in  this.listdata" >
          <option v-if="somedata.gid == d.gidNumber"  :value='somedata.gid' selected > {{ d.cn }} &nbsp;组 </option>
          <option v-else  :value='d.gidNumber'  > {{ d.cn }} &nbsp;组 </option>
        </template>
      </select>

原文地址：http://blog.51cto.com/5766902/2131573