VUE组件嵌套

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

基本步骤:

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

 

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

vue组件嵌套_vue组件嵌套

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

vue组件嵌套_vue组件嵌套_02

本文出自https://www.cnblogs.com/marksir/p/11685369.html