使Vue与其他DOM操纵工具包完美配合的方法是将它们完全隔离:如果要使用jQuery操纵DOM小部件,则不要同时在其上使用Vue(反之亦然)。
甲包装部件充当桥,其中的Vue可以与组件进行交互和组分可以操纵使用jQuery(或其他)其内部的DOM元素。
生命周期挂钩之外的jQuery选择器是一种不好的代码味道。您validatePhoneNumber
使用选择器和DOM操作调用,但是您使用Vue处理keydown
事件。您需要使用jQuery处理此小部件上的所有内容。不要使用Vue设置其类或phone_number或处理其事件。这些都是DOM操作。如前所述,如果将其包装在组件中,则可以将props传递给该组件,并且可以使用jQuery从这些props中设置class和phone_number。