封裝vue組件的方法：1.新建vue.js項目；2.使用Vue.extend()方法創建組件；3.使用Vue.component()方法注冊組件；4.構建組件變量；5.使用組件名稱標簽調用組件；
具體步驟如下：
1.首先，在vue-cli中創建一個vue.js項目；
vue create project-name
2.vue.js項目創建好后，在項目中使用Vue.extend()方法創建一個組件；
var myCom = Vue.extend({template: '<div></div>'
})
3.組件創建好后，使用Vue.component()方法對組件進行注冊；
Vue.component('my-com',{'template':'<div></div>'
})
4.組件注冊好后，為組件構建變量；
Vue.component('my-com',{template: '#myCom'})5.最后，組件變量構建好后，使用組件名稱的標簽即可調用組件；
<div><my-com></my-com>
</div>
