组件之间传递数据
- 父给子传递数据
- 在组件里面添加属性名=“需要传递的数据”
- 子给父传数据
- 先让父给子传一个函数 ,子组件通过调用函数传参的形式把数据传递过去
本地存储
localStorage
sessionStorage
统称为webStorage
1、存储内容大小一般支持5MB (不同浏览器可能不一样)
2、浏览器端通过localStorage/sessionStorage属性来实现本地存储机制
3、相关API
xxxxStorage.setItem(“”,“”);
接受一个键和值作为参数,会把键值对添加到存储中,如果键名存在,则更新其对应的值。
xxxxStorage.getItem("");
该方法接受一个键名作为参数,返回键名对应的值
xxxxStorage.removeItem(“key”)
该方法接受一个键名作为参数,并把该键名从存储中删除
xxxxStorage.clear()
该方法会清空存储中的所有数据
组件的自定义事件 使用:
哪个组件使用的事件就在哪个组件声明
使用一个事件 this.$emit('事件名',携带的实参)
声明一个事件 在组件标签里面使用v-on或者他的简写形式@ @事件名="methods里面定义的函数"
解绑:哪个组件使用的事件就在哪个组件解绑
解绑一个:this.$off('事件名')
解绑多个:this.$off(['事件名1','事件名2'])
全部解绑:this.$off()
亦或者该组件被销毁后所有的自定义组件全部失效
vc.$destroy()
vm.$destroy()
组件里面使用原生的事件需要添加native修饰符
例子:@click.native = "methods里面的事件函数"
@click