debingfeng / vue-methods-promise

Let Vue methods support promise

vue-methods-promise

Let Vue methods support promise

Usage

• npm

npm install --save vue-methods-promise

import Vue from 'vue'
import vueMethodsPromise from 'vue-methods-promise'

Vue.use(vueMethodsPromise, {
  hookName: '$promise', // Component default hook name
  promise: (mp) => { // Promise callback
    mp
      .catch(function (err) {
        console.log(mp)
      })
  }
})

• html

  <div id="app"></div>
  <script src="https://cdn.jsdelivr.net/vue/latest/vue.js"></script>
  <script src="./dist/vue-methods-promise.js"></script>
  <script>
    vueMethodsPromise(Vue, {
      hookName: '$promise', // Component default hook name
      promise: function (mp) { // Promise callback
        mp
          .catch(function (err) {
            console.log(mp)
          })
      }
    })

    new Vue({
      el: '#app',
      mounted: function () {
        this.init()
      },
      methods: { // 
        init: function () {
          return new Promise(function (resolve, reject) {
            setTimeout(reject, 500)
          })
        },
        $promise (mp) { // Optional parameters. Component hook function
          return mp.then(function () {
            // 
          })
        }
      }
    })

  </script>