局部註冊

1.在components文件夾下新建一個tabs文件夾;同時新建四個文件

2.在Tabs.vue中引用HTML、JS、CSS文件

其中HTML文件隨便寫一些內容用於測試

3.在需要引用的該組件的地方(其他組件)對應的js文件中import該組件並註冊

4.使用組件

5.效果圖

全局註冊

1.在components文件夾下新建一個tabs文件夾;同時新建五個文件

2.在Tabs.vue中引用HTML、JS、CSS文件

其中HTML文件隨便寫一些內容用於測試

3.在新建的index.js文件中實現install方法

4.在main.js文件中引用組件並使用Vue.use()方法可以調用install方法,會自動阻止多次註冊相同插件