Vue.js是一種流行的JavaScript框架，它是一種 MVVM（Model-View-ViewModel）實現(xiàn)。它提供了一種簡單的、有效的方式來構(gòu)建大規(guī)模、高性能的Web應(yīng)用程序。Vue.js是基于組件的，每個組件都有自己的狀態(tài)、邏輯和模板。在本文中，我們將通過添加Vue組件來了解如何使用JavaScript來擴(kuò)展Vue.js。

要添加Vue組件，我們需要創(chuàng)建一個Vue組件實例，并將其附加到頁面上的DOM元素。以下是添加Vue組件的基本步驟：

//創(chuàng)建 Vue 組件實例
var myComponent = Vue.extend({
template: '
Hello World!
'
});
//將Vue組件實例附加到DOM元素上
new myComponent().$mount('#app');

在上面的代碼中，我們首先創(chuàng)建了一個Vue組件實例來定義我們要添加的Vue組件。然后，我們通過創(chuàng)建新的實例并將其附加到我們的DOM元素上來將組件添加到頁面中。

現(xiàn)在，讓我們來看一個更實際的例子——如何使用JavaScript添加一個Vue組件來顯示當(dāng)前時間：

//創(chuàng)建 Vue 組件實例
var myComponent = Vue.extend({
template: '
{{ time }}
',
data: function () {
return {
time: new Date().toLocaleString()
}
}
});
//將Vue組件實例附加到DOM元素上
new myComponent().$mount('#app');

在上面的代碼中，我們創(chuàng)建了一個帶有時間數(shù)據(jù)的Vue組件。然后，我們通過創(chuàng)建新的組件實例并將其附加到我們的DOM元素上來添加組件。組件將顯示當(dāng)前時間，我們將在這里使用Time.toLocaleString()方法來格式化時間。

總之，JavaScript對于擴(kuò)展Vue.js非常重要。通過使用JavaScript來添加Vue組件，我們可以輕松地為我們的應(yīng)用程序增加更多的功能和交互性，使其更加強(qiáng)大和可擴(kuò)展。