VUE組件嵌套


vue中組件嵌套煩分為兩種,分別是全局注冊組件和局部注冊組件

基本步驟:

1、在components 下創建一個新的.vue結尾的文件,文件首字母最好是大寫,基於規范復制代碼
2、分別寫出結構層<template></template>、行為層<script></script>和樣式層<style></style>復制代碼
3、最后在APP.vue中引用組件復制代碼

 

第一種:在局部注冊組件,如下圖

第二種:在全局注冊組件,如下圖

 

注:當我們在組件中進行v-for遍歷的時候,會遇到紅線問題,解決辦法就是把index和key都加上去,如下圖

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM