VUE组件嵌套

vue中组件嵌套烦分为两种，分别是全局注册组件和局部注册组件

基本步骤：

1、在components 下创建一个新的.vue结尾的文件，文件首字母最好是大写，基于规范复制代码

2、分别写出结构层<template></template>、行为层<script></script>和样式层<style></style>复制代码

3、最后在APP.vue中引用组件复制代码

 

第一种：在局部注册组件，如下图

第二种：在全局注册组件，如下图

 

注：当我们在组件中进行v-for遍历的时候，会遇到红线问题，解决办法就是把index和key都加上去，如下图