vue 如何获取dom元素

Question

1.最近一个vueCLI2.0移动端项目

2.使用apicloud做浸入式导航，需要获取所有组件中带有id为header的dom元素

3.问题：请问这个vue 在哪里能够获取所有id为header的元素呢（需要获取所有组件中id为header的元素）

Answer 1

Vue 设计的目的，就是让开发者可以避开 DOM 操作，只需要管理「数据」。

如果是 Vue 组件，就用 $refs 获取 DOM。
如果不是，就只能用「document（如 getElementById）接口」了。操作不多的话，不建议引入 jQuery。

掌握原生 JS 也是前端的必要技能之一。而且很多时候，使用 document 接口还可以代替一些全局变量/状态管理，因为数据不论「过程」怎么变化，其「结果」会反映在 DOM 上，用 document 可以轻易抓取。

Answer 2

id拿不到全部，因为id只能有一个

Answer 3

建议把header提取出来作为公共组件