是这样的，比如有这样的东西：
<div @click='method'>
<span>苹果</span>
<span>香蕉</span>
</div>
<div @click='method'>
<span>西瓜</span>
<span>菠萝</span>
</div>
在某种情形下（比如div的区域很大，span很小），我希望在点集div的时候，就能获取内部的两个span的文字。
也试过在event里翻找，却找不到与span相关的信息；
也试过给所有span加上ref，但是却只能使用this.$refs来获取所有的span（全部的4个而不是点集div中的两个），会不会是用法不对；
百度了好久也找不到好的方法，故只好发问题求助。
感觉vue这么高端应该有解决方式。
还望大佬们不吝赐教，哪怕给个关键词让我自己搜索也是好的！谢谢！
都用vue了为啥还要去操作dom？
数据绑定，用变量绑定
为什么要这样获取？不太明白你的应用场景是什么。
span内显示的都是自定义的，你可以直接使用变量代替这个元素，在js代码中获取变量值。如果元素是输入的就用input。
vue提倡数据驱动文档，你肯定是先有的数据在渲染到页面上啊，现在我的理解就是你获得数据渲染到页面上然后又要获得渲染到页面上的然后进行操作，那你完全可以在第一步完成操作呀，有点击事件的话你在第一步肯定已经将获取的数据赋值给变量了，直接操作变量就可以了啊