Vue.js 是一個用于構建交互式 Web 界面的漸進式框架，具有簡單、靈活和高效的特性。而 Vue 的 class 風格可以幫助我們更好地組織和管理組件的代碼，使其更加靈活且易于維護。

最簡單的使用 class 風格的方式是通過 Vue.extend() 方法創建組件，如下所示：

Vue.extend({
data() {
return {
message: 'Hello, Vue!'
}
},
methods: {
sayHello() {
console.log(this.message)
}
}
})

上述代碼中，使用了 ES6 的 class 語法，而且組件也可以繼承其他組件。下面是一個例子：

class BaseComponent extends Vue {
data() {
return {
message: 'Hello, Vue!'
}
}
sayHello() {
console.log(this.message)
}
}
class SubComponent extends BaseComponent {
created() {
this.sayHello()
}
}

除了使用 class 語法外，Vue 也提供了一些鉤子函數和方法來幫助我們更好地組織組件的代碼，例如：

export default {
data() {
return {
message: 'Hello, Vue!'
}
},
methods: {
sayHello() {
console.log(this.message)
}
},
created() {
this.sayHello()
}
}

上述代碼中，使用了 ES6 的 export default 語法來導出組件。另外，created 鉤子函數在組件創建完成后會自動調用，因此我們可以在其中執行初始化操作。

需要注意的是，使用 class 風格的組件需要依賴 babel-plugin-transform-runtime 和 babel-plugin-transform-async-to-generator 插件，而且只有 Vue.js 2.5.0 及以上版本才支持。