vue组件 props里面需要传最大值与最小值，怎么验证最大值必须比最小值大

可以在组件定义时，使用 `validator` 对传入的 `props` 进行验证。具体实现如下：

Vue.component('my-component', {
  props: {
    minValue: {
      type: Number,
      required: true
    },
    maxValue: {
      type: Number,
      required: true,
      validator: function(value) {
        return value > this.minValue;
      }
    }
  },
  template: `
    <div>
      <p>最小值: {{ minValue }}</p>
      <p>最大值: {{ maxValue }}</p>
    </div>
  `
});

在上述代码中，我们通过 `validator` 来验证传入的 `maxValue` 是否大于 `minValue`。如果验证不通过，则会在控制台输出警告信息。

var vm = new Vue({
  el: '#app',
  data: {
    minValue: 10,
    maxValue: 20
  },
  template: `
    <div>
      <my-component :min-value="minValue" :max-value="maxValue"></my-component>
    </div>
  `
});

在这个例子中，我们通过 `:min-value` 和 `:max-value` 将数据传递给了组件 `my-component`。这样，我们就可以在组件内部使用这些数据，并对它们进行验证。