每日进步一点点

今日励志语：行动才是最具有价值，即使做错

今日知识点：vue组件
概念：针对界面功能（HTML,CSS,JS）的封装，相互独立更好维护，提高复用度。
注册
全局 Vue.component(组件名称,组件配置对象)
局部 new Vue({ components:{组件名称:组件配置对象} })
命名：注册的时候 btn-add BtnAdd 使用的时候 btn-add
传值（重要）
父传子：

使用子组件的时候，绑定属性   <com-child :msg="父组件数据">
定义子组件的时候，使用props来接收属性值  props:['msg']   仅读

子传父：

使用子组件的时候，绑定自定义事件  <com-child @abcd="$event就是触发自定义事件的传参">
定义子组件的时候，触发自定义事件 子组件的vue实例.$emit('abcd',子组件的数据)

今日面试题：<keep-alive></keep-alive>的作用是什么?
答：
<keep-alive></keep-alive> 包裹动态组件时，会缓存不活动的组件实例，主要用于保
留组件状态或避免重新渲染。