前言

在html中做圆框图片很容易，只需要简单的 border-radius: 50%; 当然，为了兼容性，还有必要做带前缀的兼容性写法。但总的来说还是很简单。

很长的前言

前端时间需要做一个input组件，组件要求之一是：动态计算input文字并展示出来，大概如下：

有点长的前言

常有这样的情况：比如以下面的一段代码来说，多人开发的情况下，很可能你写了一个.header-icon的css样式描述，你的同事也开发了一个！

并且他的样式优先级比你的高，目前你负责的部分需要你的样式生效！

需求

移动端实现一个轮播器，在轮播器上层有一个静止图层，不会随着轮播器翻页而偏移。
以下是两个已经实践的两个项目：

input组件的v-model

关于v-model的实现原理vue文档有描述，是基于vue现有功能二次实现的语法糖。