vue中組件嵌套煩分為兩種,分別是全局注冊組件和局部注冊組件
基本步驟:
1、在components 下創建一個新的.vue結尾的文件,文件首字母最好是大寫,基於規范復制代碼
2、分別寫出結構層<template></template>、行為層<script></script>和樣式層<style></style>復制代碼
3、最后在APP.vue中引用組件復制代碼
第一種:在局部注冊組件,如下圖
第二種:在全局注冊組件,如下圖
注:當我們在組件中進行v-for遍歷的時候,會遇到紅線問題,解決辦法就是把index和key都加上去,如下圖