Merge pull request #4 from dasdeck/master

added named method access to event definitions

Author: steffans

examples/index.html

@@ -19,6 +19,7 @@ <h1>Event Manager</h1>
 
             <button class="btn btn-primary" type="button" @click="triggerGlobalMethod">Trigger 'test' event using global method</button>
             <button class="btn btn-primary" type="button" @click="triggerInstanceMethod">Trigger 'test' event using instance method</button>
+            <button class="btn btn-primary" type="button" @click="$trigger('pushLog', 'log')">Trigger 'pushLog' event using instace method</button>
 
         </div>
 
@@ -42,7 +43,9 @@ <h1>Event Manager</h1>
 
                     test: function(fn) {
                         this.pushLog('\'test\' event executed using ' + fn);
-                    }
+                    },
+
+                    pushLog: 'pushLog'
 
                 },
 

src/index.js

@@ -26,6 +26,7 @@ function initEvents() {
     if (events) {
 
         forEach(events, (listeners, event) => {
+
             forEach(isArray(listeners) ? listeners : [listeners], listener => {
 
                 var priority = 0;
@@ -35,6 +36,11 @@ function initEvents() {
                     listener = listener.handler;
                 }
 
+                if (typeof listener === 'string') {
+                    const name = listener;
+                    listener = (...args) => this[name].apply(this, args);
+                }
+
                 _events.push(Events.on(event, listener.bind(this), priority));
             });
         });

test/event.js

@@ -138,4 +138,26 @@ describe('Vue.events', () => {
 
   });
 
+  it('Use string names of methods in event list', () => {
+    new Vue({
+      data() {
+        return {
+          isRun : false
+        }
+      },
+      created() {
+        this.$trigger('test');
+        expect(this.isRun).toBe(true);
+      },
+      methods: {
+        test() {
+          this.isRun = true;
+        }
+      },
+      events: {
+        test: 'test'
+      }
+    });
+  });
+
 });