vue.js指令与组件的用例？

vue.js Vue.js

前端逆天

2020-03-13

什么时候应该在vue.js中使用指令而不是组件？我正在从Bootstrap中实现一些功能，而且看起来无论哪种方式都可以（我从下拉菜单开始）。

我感觉到指令更适合于在单个元素上操纵dom，而组件则用于封装一堆数据和/或dom操纵。这是查看它的好方法吗？

第1545篇《vue.js指令与组件的用例？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共3个回答
达蒙阳光乐 2020.03.13

可重用性是使用指令的原因，

虽然组件也正在创建可重用的“小部件”，但是同一html系统中的两个组件将覆盖先前的“数据”。因此，在这种情况下考虑一下指令。

值得考虑的另一点是-用户仅在遵循一些说明后才能通过HTML使用它吗？

AStafan 2020.03.13

我认为可以通过两个示例更好地解释这种差异。

  • 组件：最适合当您需要在某些东西上插入（或添加）自己的HTML标签以进行渲染时使用的包装器。例如，需要在其中添加一些HTML标记以正确显示它的小部件，自定义按钮等。

  • 指令：不添加标记，而是直接访问HTML标记（已在其中添加了指令）。这使您可以直接修改HTML元素的属性。例如，初始化工具提示，设置CSS样式，绑定到事件等。

null 2020.03.13

我是这样想的：

组件定义了小部件-这些是html的各个部分，这些小部件具有与之关联的行为。

指令可修改html部分（可能是也可能不是小部件）的行为。

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android