如标题所示，今天推送远端发现了此错误，google 了下在 Stack Overflow 上找到了类似问题的解决方案。但某些操作在我电脑上执行不了。所以特此记录下。

文章来源: https://pangwu86.com/posts/1360575077/

原型 prototype

🌈 prototype是 func 的属性，其值是个对象

1
2

function Handphone() {}
console.log(Handphone.prototype);

很简单，一句话：

特性

• Vue 创建实例时，会自动为 methods 绑定当前实例 this
• 保证在事件监听时，回调始终指向当前组件实例
• 方法要避免使用箭头函数（箭头函数没法改变this指向，本身指向父级）
  • 箭头函数会阻止Vue正确绑定组件实例this

简易版

vm.$data.xxx 与 vm.xxx 的关系

1. Vue 在创建实例的过程中调用了 data 函数
2. data 函数返回数据对象
3. Vue 将其包装成响应式对象后保存到 $data 中
4. 而且实现了跨过 $data 还能访问属性

转载自：https://zhuanlan.zhihu.com/p/60538328

效果如下：

forEach

• 第一个参数：cb(value, index, array)
• 第二个参数：指定回调中 this 指向
• 回调中 this 指向默认为 window

事件处理函数

• 绑定事件：绑定事件的处理函数
  • 事件是原本就存在的，不需要绑定，其实是在绑定「事件触发后」要处理的函数
• 事件 + 事件的反馈 = 前端交互