vue的一些页面优化建议

条件填充： v-if 使用：

<div v-if="show"></div>

下面的这种是改良版

<template v-if="show"><div></div></template>

因为第一种在页面加载的过程中那个div元素是还没有隐藏的，在vue的show参数加载出来之前他都是显示在页面上的，好像跟实际需要的就有区别

v-for使用 （vue数组移除元素）
vue数组能够用v-for进行数据填充，但是vue上面绑定的对象数组移除好像不能直接用remove,解决方案是用ES6数组的filter跟reduce可以对数组整体进行操作，具体这些函数的用法看下ES6就懂了

vues.matchItem = vues.matchItem.filter(function(element, index, array){
    return element.matchCode != matchCode;
});