Vue的rules方法是用来校验表单数据的，规则中可以包含多条验证规则，比如验证数据是否为空，数据格式是否正确等等。rules方法可以在Vue的computed属性中定义，也可以在组件的data属性中定义。

在Vue的rules方法中，参数有两个，第一个参数是要验证的属性名，第二个参数是验证规则，验证规则可以是一个数组或者一个对象。在数组中，每一项都是一个规则对象，每个规则对象包含一个validator函数，用来验证数据是否符合规则。在对象中，属性名表示要验证的规则名，属性值是一个validator函数，用来验证数据是否符合规则。

rules: {
username: [
{ validator: validateUsername, trigger: 'blur' },
{ validator: validateUsernameLength, trigger: 'blur' }
],
password: {
validator: validatePassword,
trigger: 'blur'
}
}

在上面的代码中，我们定义了一个rules对象，其中包含了两个属性，分别是username和password。对于username属性，我们定义了一个包含两条验证规则的数组。第一条规则包含一个validator函数validateUsername和一个触发验证的事件blur。第二条规则也包含一个validator函数validateUsernameLength和一个触发验证的事件blur。对于password属性，我们定义了一个包含一个验证规则的对象。在验证规则中，我们定义了一个validator函数validatePassword和一个触发验证的事件blur。

validator函数是规则中最重要的部分，它用来验证数据是否符合规则。validator函数接收两个参数，第一个参数是要验证的数据，第二个参数是一个回调函数。如果验证通过，回调函数需要调用null或者undefined。如果验证失败，回调函数需要传递一个字符串类型的错误消息。

function validateUsername(value, callback) {
if (!value) {
callback('请输入用户名');
} else {
callback();
}
}
function validateUsernameLength(value, callback) {
if (!value || value.length< 6) {
callback('用户名长度不能小于6位');
} else {
callback();
}
}
function validatePassword(value, callback) {
if (!value) {
callback('请输入密码');
} else {
callback();
}
}

在上面的代码中，我们定义了三个validator函数，分别用来验证用户名、用户名长度和密码。这些validator函数都接收两个参数，第一个参数是要验证的数据，第二个参数是一个回调函数。在每个validator函数中，我们根据不同的验证规则进行了不同的验证，如果验证通过，就调用回调函数并传入null或undefined，如果验证失败，就调用回调函数并传入相应的错误消息。

在Vue中，rules方法是非常方便的一种表单校验方法，可以用来对表单数据进行多种规则的验证，让前端开发更加高效。