vue速通7777777777!阁下为何沉默寡言

68 阅读1分钟

组件之间传递数据

  • 父给子传递数据
  • 在组件里面添加属性名=“需要传递的数据”
  • 子给父传数据
  • 先让父给子传一个函数 ,子组件通过调用函数传参的形式把数据传递过去

本地存储

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