今日励志语:行动才是最具有价值,即使做错
今日知识点: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>
包裹动态组件时,会缓存不活动的组件实例,主要用于保
留组件状态或避免重新渲染。