Vue是一個流行的JavaScript框架，它被廣泛用于構建低延遲、高效和可擴展的Web應用程序。Vue中有一些有用的模式，它們使得開發更容易和快速。其中之一是Javascript模式，Vuejs支持Javascript模式，您可以使用Javascript來編寫Vue組件。

在Javascript模式下，Vue組件是一個普通的JavaScript對象，它暴露了一個選項對象，可以使用對象字面量定義該對象。以下是一個使用Javascript模式編寫的Vue組件示例。

var myComponent = {
template: '<div>{{ message }}</div>',
data: function() {
return {
message: 'Hello Vue!'
}
}
 }

在上面的代碼中，我們定義了名為myComponent的Vue組件。該組件包含兩個屬性：template和data。template屬性表示模板，用于控制在頁面中呈現組件的外觀和結構。這里的模板是一個簡單的字符串，內部包含一個{{ message }}綁定，它將在組件中顯示數據。data屬性定義組件的狀態，也可以返回一個對象，該對象包含在組件中使用的數據。在這個例子中，我們定義了一個叫做message的屬性，初始化為“Hello Vue！”。

最后一點 - 我們需要讓Vue實例知道我們的組件。我們可以使用Vue.component()來注冊組件。

Vue.component('my-component', myComponent);

現在我們可以在Vue應用程序的模板中使用我們的組件。像這樣：

<my-component></my-component>

這就是Javascript模式下的Vue組件。您可以在組件中使用JavaScript的所有特性，包括函數，循環和條件語句。與其他模式相比，Javascript模式更加靈活和直觀，適合于編寫小型和簡單的組件。