Question

看到它是2018年，我正试图摆脱jQuery的许多基本任务。也就是说，它的sizzle选择器仍然是将css选择器转换为我可以使用javascript操作的实际DOM节点的最快，最直观的方法之一。

使用Vue.js *快速选择一类对象吗？我知道有一些浏览器本地方法可以做到这一点，但我希望能提供与jQuery('.myclassname')和jQuery('#myclassname')一样简短，灵活和跨平台的方法。

（请注意，我在我的css样式选择器之外键入了不到12个字符，并且在从类切换到id时不必更改命令。）

Vue°有这个吗？如果是这样，我该如何访问它？

====

*我特别询问Vue而不是React或Angular，因为流行的观点似乎让Vue成为最小的项目采用。这并不意味着它是“最佳”框架 - 只是它适合我的特定用例。

°如果有一个浏览器本地函数满足我为灵活性和简洁性所概述的要求，我当然也会对此感兴趣。

Answer 1

理想情况下，您不会使用VueJS操纵DOM。您的组件数据应该驱动DOM，使用数据来计算元素上的哪些类或哪些元素是可见的。但我会说你的问题的Vue等同于参考：https://vuejs.org/v2/guide/components.html#Child-Component-Refs

你可以在一个元素上放一个引用并在js中引用它：

<div id="parent">
  <user-profile ref="profile"></user-profile>
  <table ref="table"></table>
</div>

var parent = new Vue({ el: '#parent' })

var child = parent.$refs.profile
var table = parent.$refs.table

2018相当于jQuery的基本sizzle选择器？

1 个答案: