Vue是一個流行的JavaScript框架,它允許你輕松地創建可重用且易于維護的Web應用程序。Vue提供了各種強大的功能,其中一個最常用的功能是組件。組件可以使您的代碼更具可重用性,因此您無需每次編寫代碼時都要手動編寫重復的代碼。
Vue.component('my-component', {
template: '<div>This is my component.</div>'
})
在這個示例中,我們定義了一個名為“my-component”的組件,并將其模板指定為簡單的div元素。要使用組件,我們只需在Vue實例中調用它,如下所示:
<div id="app">
<my-component></my-component>
</div>
var app = new Vue({
el: '#app'
})
這將在Vue實例內呈現我們的簡單組件。這只是一個基礎示例,Vue組件實際上可以做得更多!
下一篇js復制 vue