Vue.js之组件嵌套

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，这样也是可以的。

　　注意：如果采用第一种方法，起的别名不能和已有的标签冲突，否则不生效。

转载于:https://www.cnblogs.com/jin-zhe/p/8317372.html