关于vue组件的一点笔记

近期在学习vue的一些知识，总结了部分vue组件的一些笔记，特此记录，以便后期学习修正。

关于单文件组件，包含一下一些内容：
1、三个部分组成：
1）template模板（此部分为html结构，有且只有一个根标签）
2）script（用于处理逻辑，在部分导入组件 export default{}）
3）style（样式编辑，常加scoped，作用是表示样式只在当前组件内生效，防止多组件命名样式冲突）

2、子父级组件
1） 父 -> 子：props
父组件将数据准备好，通过标签的形式进行传递，子组件接收时在与data同级下声明一个props接收（数组形式、对象形式<可做验证，default可给默认值，string和number类型，直接给默认值，其他类型<obj或array>需要使用default：function（）{return {}}，即使用function，通过return返回默认值>），接收的是父级传过来的key（名字要相同）；如果是动态数据，则父级中使用v-bind进行绑定；
父组件传递子组件时，模板建立后，首先通过import导入组件，其次注入组件，通过components:{},最后在父组件模板中引入子组件，注意组件的名称一定要正确
2） 子 -> 父 ：emit
首先子组件中需要一个事件来传递数据，事件中有两个参数，一个是key，一个书数据值，数据值是提前准备好的，key是自定义的，key在父组件中当成自定义事件的形式去实现，在自定义函数中，参数就是子组件发送过来的数据，提前定义好，即可显示在页面中