点击其他位置，让弹窗消失：vue-clickaway 插件的使用

vue-clickaway 插件的使用

mixins方式：

import { mixin as clickaway } from'vue-clickaway';

export default {
  mixins: [ clickaway ],
  template:'<p v-on-clickaway="away">Click away</p>',
  methods: {
    away:function() {
      console.log('clicked away');
    },
  },
};

directive方式：

import { directive as onClickaway } from'vue-clickaway';

export default {
  directives: {
    onClickaway: onClickaway,
  },
  template:'<p v-on-clickaway="away">Click away</p>',
  methods: {
    away:function() {
      console.log('clicked away');
    },
  },
};