Vue.js中組件嵌套有兩種方式

第一種：註冊全局組件
　　例如在components文件夾下新建一個User.vue組件，然後在main.js文件中註冊全局組件

1  //註冊全局組件
2 Vue.component("users",Users); //前面的users是我們起的名字，後面的Users是我們對應的組件，想要識別這個組件，必須在上面通過import引入，
3 //引入組件
4  import Users from ‘./components/Users’

　　有了全局組件的話，就可以在任何一個地方去調用這個東西，然後在App.vue中使用 <users></users>

　　但是一般都使用局部的組件，很少使用全局組件。

第二種：局部組件
　　在需要使用該組件的組件中，在<script> 中使用 import Users from ‘./components/Users‘ 引入組件，然後在下面註冊組件，在這裏註冊組件有兩種方法：

第一種是：

1 components:{
2    "users":Users
3 }

第二種是：

1 components:{
2    Users
3 }

第二種省略了“users”直接使用Users，這樣也是可以的。

　　註意：如果采用第一種方法，起的別名不能和已有的標簽沖突，否則不生效。

Vue.js之組件嵌套