本文介绍如何在Vue项目中实现情侣空间的纪念日功能，通过组件化方式来构建。首先，讲解了Vue组件的定义和注册，强调组件必须有一个根节点。接着，阐述了插槽的概念，它允许父组件向子组件内部插入内容。通过实例展示了如何在父组件中循环渲染数据到子组件。最后，作者分享了个人体会，将Vue组件理解为Java的继承，并提到使用props传递参数和插槽实现父子组件间的交互。通过不断学习和实践，作者掌握了组件和插槽的运用。
定义组件
新创建一个vue文件就可以了 然后注意至少有一个根节点 模板
<template>
<div class="">
</div>
</template>
<script>
</script>
<style>
</style>
然后在调用这个组件的父组件里进行继承 注册 使用 三步
继承 --在<script>下面写import 名称 from '路径'
例子：
注册 --看图
使用 --直接<名称></名称>使用即可
例如：这个调用了五个组件！！
其实直接看官方文档就好了！
347
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
