2021/12/09

一、浏览器缓存

 

 通过window.localStorage()，这个API添加的键值对，保存的值是字符串，若第二个参数传的不是字符串，则会自动调用tostring()方法。

 

二、自定义事件的使用（自定义事件可以给父组件传递数据）

写法一、

写法二、

 

第二种写法需要配合生命周期钩子使用（$once替换$on 表示组件实例对象的自定义事件只触发一次）

 

 

 总结：这两种写法给组件实例对象绑定的自定义事件，都需在组件实例对象内的真实DOM结构内触发某些JS自带的事件后，绑定自定义事件的名字。可以在多个真实DOM内触发JS自带的事件然后再绑定自定义事件，但解除绑定后，所有真实DOM绑定了该自定义事件的都会被解绑。

为组件实例对象的自定义事件在真实DOM上注册的写法如下

 三、解除已绑定的自定义事件（自定义事件的触发写在父组件的组件标签内，自定义事件的绑定和解除绑定都写在该组件的内部）

 四、$destroy()   销毁Vue实例对象或者组件实例对象的API（任何实例对象调用该API后，调用该API的实例对象的自定义事件都不奏效，但是当Vue实例对象调用后，组件实例对象的自定义事件也不奏效了）

 五、组件的自定义事件被触发时，回调函数内部的this指向组件实例对象（所以自定义事件的回调函数，最好是用父组件methods属性内部的方法）

 

 

 六、组件想要用原生的DOM事件，需要添加一个native事件修饰符（@click.native="deom"），如果不加的话，都会当成自定义事件，都需要通过组件的实例对象的$emit()方法指定回调事件