Enquire.js似乎不适用于Vue.js 2.0版

Question

我想在我的Vue.js（v 2.0）项目中使用Enquire.js。互联网上有很多例子，用户将Inquire与Vue.js集成在一起。 例如：https://jsfiddle.net/Linusborg/843dk9zs/

当我在我的Vue.js / webpack项目中集成Enquire.js时，它不起作用，并且在控制台中根本没有给出任何错误消息。我不知道我在这里做错了什么。

这是我的代码，位于main.js应用程序的根文件中。

import Vue from 'vue'
import Enquire from 'enquire.js' //installed using NPM
require('./stylesheet.css')

new Vue({
  el: "#app",
  data: {
    displayIsLarge: false,
    displayIsSmall: true
  },
  ready: function() {
    var self = this;
    // Listen for changes in the browser's size
    enquire.register("screen and (max-width:400px)", {
      match: function() {
        self.displayIsSmall = true;
        console.log("the screen is now small");
      },
      unmatch: function() {
        self.displayIsLarge = true;
        console.log("the screen is now large");
      }
    })
  }