JDC丨京东设计中心 - [译文]使用Vue.js创建自定义输入框

文章预览

原文： https://www.smashingmagazine.com/2017/08/creating-custom-inputs-vue-js/ 基于组件的库或者框架（例如 Vue）给我们在开发 可复用的组件 带来了极大的方便。这些组件可以非常简单的在独立的应用程序中被使用，并且最终呈现的效果一致。 比如，在表单输入的场景，在功能上往往会比较复杂，通常我们的做法是希望使用组件将表单中 自定义的设计 、标签、验证、帮助信息等进行封装，以确保这些能被依次正确的渲染。 Vue 有一个特别且重要的指令 v-model，它通过绑定和捕获输入事件来实现数据的双向绑定。如果你要构建自定义输入组件，那么该组件毫无疑问的需要支持 v-model 指令了。 遗憾的是，当我查阅 Vue 单选按钮或者复选框的自定义的示例时，发现他们要么没有考虑 ………………………………