vue获取dom

js获取dom的方法 var temp2=document.getElementById(‘kglText’)
vue中方法不一样，利用ref
例如：

<ul id="kglText" >
          <li>a</li>
          <li>b</li>
          <li>c</li>
          <li>d</li>
</ul>         

如果是获取ul下所有的li
js中写法： var tempObj=document.getElementById(‘kglText’).getElementsByTagName(“li”);
vue中：给ul加上ref，然后使用this.tempObj = this.$refs.kgl.children
完整的：

<ul id="kglText" ref="kgl">
          <li>a</li>
          <li>b</li>
          <li>c</li>
          <li>d</li>
</ul>   
获取：this.tempObj = this.$refs.kgl.children