Vue学习过程中零碎小结(一)

1.删除某个下标的数组元素

 删除某个下标的数组元素
deletes:function(a){
    this.users.splice(this.users.indexOf(a),1);

  }

--------------------------------------------------------------------------------------

2. 显示隐藏 v-show="true/false"

_________________________________________________________________________________

3. bootstrap:表单和输入框组
水平框组
<div class="form-horizontal">
        <div class="form-group">
          <label for="username" class="col-sm-2">username</label>
          <div class="col-sm-10">
            <input type="text" id="username" class="form-control"> 
          </div>
        </div>
      </div> 


栅格布局
 <div class="row">
        <div class="col-sm-6 col-sm-offset-3 form-group">
          <label for="user">user</label>
          <input type="text" id="user" class="form-control">
        </div>

      </div>

注意事项：
（1）label要与数入控件成对使用，不然屏幕阅读器无法识别，另外可以给label设置sr-only类将其隐藏；
（2）不要将表单组和输入框组混合使用
不要将表单组直接和输入框组混合使用。建议将输入框组嵌套到表单组中使用。__________________________________________________________

4vue获得数组索引

v-for="(user,index) in users"   {{ index }}