观看组件的$ el属性

Question

最初的问题是每次组件宽度变化时计算数据。

为此，我的第一个想法是使用以下内容观看组件的 $ el 道具，但该函数从未被调用过。

watch: {
  '$el.offsetWidth': (value) => {
    console.log('$el.offsetWidth changed', value);
    this.success = true;
    this.getOffsetWidth();
  },
},

我做错了什么或看不到那些属性？

Here是我尝试实施解决方案的JSFiddle。

注意：请注意观看窗口的resize事件不是解决方案，因为组件可以在应用程序内调整大小。