Implement document tree traversal and selector filtering in JQ in vue

These simple features are available in

JQ:

: parent()
            parents()
            parentsUntil(selector)
            children()
            find()
            siblings() 
            next()
            nextAll()
            nextUntil()
            prev()
            prevAll()
            prevUntil()
 :    $(":input")  
            $(":text") 
            $(":radio")
            $(":checkbox")
            $(":password")
            $(":first")  
            $(":last") 
            $(":even")
            $(":bth-child(n)")
            $(":gt")
            

I want to traverse the document tree and get the nodes quickly in vue only by using the native method of JS, which is clumsy compared with JQ, and its flexibility and simplicity are not very practical.
ask the gods what to do when they need to traverse the document tree and select a collection of node objects when developing projects with VUE. I am really confused when I first came into contact with VUE,. Please give me your advice.

my own idea: is it by binding instructions such as V-bind to a node, and then using data to drive it?

Mar.29,2021

is generally not used. When using $refs


in most cases, you don't need to traverse DOM to achieve the requirements you want. Vue is mvvm, that is, view is rendered by data, so you should not traverse DOM, but should traverse the data needed to generate these DOM
generally, you need to write a ui component to interact with DOM, but I don't think you can ask this question if you have this ability.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3044d-2b551.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3044d-2b551.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?