vue監聽屏幕變化

因為我需要監聽屏幕寬度的變化，但是又不是每一個頁面都需要，然后我就將下面的代碼寫到了一個js文件里面，通過mixin引入到需要的頁面

監聽屏幕變化的js文件：

export const screenWidth = {
   data() {
           return {
               screenWidth: null,
           }
       },
       created() {
           this.windowWidth(document.documentElement.clientWidth);
       },
       mounted() {
           window.onresize = () => { //屏幕尺寸變化就重新賦值
               return (() => {
                   this.screenWidth = document.documentElement.clientWidth
               })()
           }
       },
       methods: {
           windowWidth(value) {
               this.screenWidth = value
           }
       },
}

　在需要該方法的地方引入

 import {screenWidth} from '@/地址/mixins/screenWidth'
export default {
  mixins: [screenWidth],
}

　　然后就可以使用this.screenWidth了