构建运行良好的Vue组件

。

另一方面，因为这些组件中的大多数是从特定的情况而来的，并且不是所有人都有跨多重环境重用组件的设计经验，所以这些组件中的许多东西都不能很好地与Vue生态系统配合使用。

“很好”是什么意思?从高层次上讲，这意味着行为表现对于Vue开发人员来说很自然，并且易于扩展和集成到任何类型的应用程序中。

在探索了广泛的开源组件之后，下面几点，我认为下面是如何制作一个良好运行的Vue组件方式：

• 实现v-model兼容性
• 事件透明化
• 为正确的元素分配属性
• 接受浏览器的键盘导航规范
• 使用事件优先于回调
• 限制组件样式

实现`v-model`兼容性

对于表单字段的组件使其成为惯用的最重要方法之一就是要支持v-model。 根据官方文档介绍，v-model本质上就是语法糖，即利用v-model绑定数据后，其实就是既绑定了数据，又添加了一个input事件监听，如下：

 

（编辑：阳江站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!