Vue——组件（1）

实现过渡动画

1.认识组件

在这里插入图片描述

2.组件拆分

在这里插入图片描述

3.安装插件

1.vetur
2.Vue VsCode Snippets

4.组件的导入，导出，使用

在这里插入图片描述

5.组件通信

在这里插入图片描述

6.父传子

在这里插入图片描述

父组件
在这里插入图片描述

子组件
在这里插入图片描述

7.非props的Attribute

在这里插入图片描述
这里的class 没有再props里
在这里插入图片描述
他会自动加入show-message的根节点中
在这里插入图片描述
在这里插入图片描述

8.禁用Attribute继承和多根节点

在这里插入图片描述

9.子传父

在这里插入图片描述

父组件
在这里插入图片描述
子组件
在这里插入图片描述

posted @ 2022-10-17 21:55  有诗亦有远方  阅读(12)  评论(0)    收藏  举报  来源