Vue Data Class是Vue.js框架中的一个重要概念，它允许我们定义数据类并在Vue实例中进行使用。在Vue.js中，我们通常将data数据定义为一对象，以便在Vue实例中访问。然而，在一些情况下，我们可能需要定义公司级的数据类型，在这种情况下，就可以使用Vue Data Class。

定义Vue Data Class有两种方式。第一种方式是通过ES6+类语法，使用JavaScript Class来定义数据类，此时，我们需要将data数据定义为类的属性，如下示例：

class User {
constructor(name, age) {
this.name = name;
this.age = age;
}
}
Vue.createApp({
data() {
return {
user: new User('Tom', 18)
}
}
}).mount('#app');

上述代码中，我们定义了一个User类，并将其实例化后赋值给Vue实例中的user属性。这样，我们在Vue实例中就可以通过this.user来访问User数据类的实例了。此方法可以方便地对数据类进行扩展。

另一种定义Vue Data Class的方式是通过对象字面量的方式。如下代码所示：

let User = {
name: '',
age: ''
}
Vue.createApp({
data() {
return {
user: User
}
}
}).mount('#app');

通过对象字面量的方式来定义Vue Data Class，我们可以使得数据类更加清晰易于维护，其属性可以根据需要进行添加或修改。需要注意的是，对象字面量的方式定义的Vue Data Class可能会丧失一些继承和扩展的特性。