Fixed more issues for vue2.0 & updated tests

docs/components/Examples.vue

@@ -100,10 +100,10 @@
   </article>
 
   <article class="doc-row" id="ex-vuex">
-    <h3 class="page-header">On-Change Callback <small>Vuex Compatibility</small></h3>
+    <h3 class="page-header">Change Event <small>Vuex Compatibility</small></h3>
     <div class="row">
     <div class="col-md-6">
-      <p>vue-select provides an <code>onChange</code> property that accepts a callback function. This function is passed the currently selected value(s) as it's only parameter.</p>
+      <p>vue-select provides an <code>change</code> event. This function is passed the currently selected value(s) as it's only parameter.</p>
       <p>This is very useful when integrating with Vuex, as it will allow your to trigger an action to update your vuex state object. Choose a callback and see it in action.</p>
 
       <div class="form-inline">
@@ -122,7 +122,7 @@
     </div>
 
     <div class="col-md-6">
-      <pre><v-code lang="markup">&#x3C;v-select on-change=&#x22;consoleCallback&#x22; :options=&#x22;countries&#x22;&#x3E;&#x3C;/v-select&#x3E;</v-code></pre>
+      <pre><v-code lang="markup">&#x3C;v-select v-on:change=&#x22;consoleCallback&#x22; :options=&#x22;countries&#x22;&#x3E;&#x3C;/v-select&#x3E;</v-code></pre>
       <pre><v-code lang="javascript">methods: {
   consoleCallback(val) {
     console.dir(JSON.stringify(val))

docs/components/Params.vue

@@ -2,15 +2,13 @@
   <h2 class="page-header">Parameters</h2>
   <pre v-pre><code class="language-javascript">props: {
 
-    /**
+   /**
      * Contains the currently selected value. Very similar to a
-     * `value` attribute on an &amp;lt;input&amp;gt;. In most cases, you'll want
-     * to set this as a two-way binding, using :value.sync. However,
-     * this will not work with Vuex, in which case you'll need to use
-     * the onChange callback property.
+     * `value` attribute on an <input>. You can listen for changes
+     * using 'change' event using v-on			 
      * @type {Object||String||null}
      */
-    value: {
+   value: {
       default: null
     },
 
@@ -80,16 +78,8 @@
     label: {
       type: String,
       default: 'label'
-    },
-
-    /**
-     * An optional callback function that is called each time the selected
-     * value(s) change. When integrating with Vuex, use this callback to trigger
-     * an action, rather than using :value.sync to retreive the selected value.
-     * @type {Function}
-     * @default {null}
-     */
-    onChange: Function
+    }
+    
   }
     </code></pre>
 </template>