VUE组件嵌套

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

基本步骤:

1、在components 下创建一个新的.vue结尾的文件,文件首字母最好是大写,基于规范复制代码
2、分别写出结构层<template></template>、行为层<script></script>和样式层<style></style>复制代码
3、最后在APP.vue中引用组件复制代码

第一种:在局部注册组件,如下图

第二种:在全局注册组件,如下图

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

原文地址:https://www.cnblogs.com/marksir/p/11685369.html