四月145

以前学过：通过父组件给子组件传递函数类型的props实现：子给父传递数据 新学：通过父组件给子组件绑定一个自定义事件实现：子给父传递数据

存储内容大小一般支持5MB左右（不同浏览器可能还不一样） 浏览器端通过 Window.sessionStorage 和 Window.localStorage 属性来实现本地存储机制。 相关API：

假设Header和List是兄弟组件。一般情况下，兄弟组件是不能通讯的：缺少中间的黄线 原始解决方式： 此段代码实现了父传子，子传父

如图，代码里背景色不同，但显示结果却相同，这是因为样式名冲突覆盖了。一般在App.vue文件的style不添加scope，因为App里面的style一般是很多组件的共同属性，App里的style，可以

两者区别： 2.通过export方式导出，在导入时要加{ }，export default则不需要.

组件里面如果有很多的配置是相同的，可以借助混合去复用 1.功能：可以把多个组件共用的配置提取成一个混入对象 2.使用方式： 第二步使用混入： 全局混入：Vue.mixin(xxx) 局部混入：mixi

功能：让组件接收外部传过来的数据 传递数据：<Demo name="xxx"/> 接收数据： 第一种方式（只接收）：props:['name'] 第二种方式（限制类型）：props:{name:Str

被用来给元素或子组件注册引用信息（id的替代者） 应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象（vc） 使用方式： 打标识：<h1 ref="xxx">.....</h1

单文件组件的后缀都是 .vue App.vue 管理总的组件 例如student.vue   school.vue 创建vue实例，在js文件，把App.vue引入 最后准备一个容器，el挂载上去