vue-ref、js獲取dom子元素

querySelector的參數是css選擇器，任何選擇器都可以作為它的參數，這樣就使得它非常方便靈活：

比如獲取class=‘test’的標簽下的第一個子元素，可以這樣寫querySelector('.test  > * ')，也可以指定子元素的類型querySelector('.test  > span ')，或者是：classquerySelector('.test  > #f_div')

還可以使用querySelectorAll方法，這樣會獲取所有滿足條件的元素，而不只是獲取第一個元素。

<div class="first">
    <span>張三</span>
</div>
<div id="second">
    <div id=f_div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</div>
<script>
    //通過類選擇器獲取節點
    doucument.querySelector('.first');
    //通過id選擇器獲取節點
    doucument.querySelector('#second');
    //通過偽類選擇器獲取子節點
    document.querySelector('.first>span');
    //確認selectAll批量獲取節點
    document.querySelectorAll('#second>div');


  \\vue 同理this.$refs.formBg.querySelector('.sysIn')

</script>