vue.js で画面幅を判定する

lodash のインポート

 <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.11/lodash.min.js"></script>

main.js の実装

created() {

        let self_ = this;

        window.addEventListener('resize', self_.setIsMobile, false);

},

methods: {

        setIsMobile: _.debounce(function(){

            let self_ = this;

            self_.isMobile = window.matchMedia('(max-width: 960px)').matches;

        }, 300)

}

(参考記事)