抖音上的网红罗盘时钟

　　比较简单的一个demo，就，也没想到有什么地方要特别交代的，代码都在上面，直接全部复制拉进一个vue页面就能用。本来想封装成一个组件，但想想也没有什么组件化的必要，就先这样，有问题可以问我。

　　就是有一个地方要注意一下，在vue中，mounted()阶段不会承诺所有的子组件也都一起被挂载，所以在此阶段，dom结构还没加载完的时候，如果直接在mounted里面操作dom比如要获取页面某些元素，console的时候能打出列表但length为0，直接用下标也无法获取对应内容而是直接出现undefined。

　　在mounted()里面对在页面上循环的数组内容进行初始化赋值，然后操作dom去取其中的元素。

　　想要确保所有的dom加载完，只要把相应的代码写在this.nextTick()的回调函数中就可以了

作者：admin

抖音运营 站点 QQ交谈