1. Vue 创建实例时，会自动为 methods 绑定当前实例 this
      保证在事件监听时，回调始终指向当前组件实例
      方法要避免使用箭头函数，箭头函数会阻止 Vue 正确绑定组件实例 this

    2. 在 template 中 @click=”changeTitle(‘This is your TITLE’)”
      函数名 + ()，() 不是执行符号，而是传入实参的容器
      真正的事件处理函数是 onclick = “() => changeTitle(‘This is your TITLE’)”

    3. 可以在视图模板中 {{}} 中使用，但注意模板直接调用的方法尽量避免副作用操作

    4. 实例中直接挂载 methods 中的每一个方法

    • 实际编译的时候会被处理掉，即 methods 只是开发者写方法的一个容器

      1. var Vue = (function() {
      2. function Vue(options) {
      3.   this.$data = options.data();
      4.   this._methods = options.methods;
      6.   this._init(this);
      7. }
      9. Vue.prototype._init = function(vm) {
      10.   initData(vm);
      11.   initMethods(vm);
      12. }
      14. function initData(vm) {
      15.   for(var k in vm.$data){
      16.     (function(k) {
      17.       Object.defineProperty(vm, k, {
      18.         get: function() {
      19.           return vm.$data[k];
      20.         },
      21.         set: function(newValue) {
      22.           vm.$data[k] = newValue;
      23.         }
      24.       })
      25.     })(k);
      26.   }
      27. }
      29. function initMethods() {
      30.   for(var k in vm._methods){ 
      31.     vm[k] = vm._methods[k]; 
      32.   }
      33. }
      35. return Vue;
      36. })();