vue js’document.getElementById’的简写

vue js是否有像jQuery的$('#id')那样的document.getElementById('#id')的简写？

如果是这样，在文档中对此的引用在哪里，以便我可以找到其他信息？

Answer 1

在第2节中没有速记方式。

Jeff的方法似乎已在第2版中弃用。

另一种方式你可以实现你的目标。

  var app = new Vue({ el:'#app', methods: { showMyDiv() { console.log(this.$refs.myDiv); } } }); 

  
 
 Show My Div  

Answer 2

您可以使用指令v-el来保存元素，然后再使用它。

https://vuejs.org/api/#vm-els

编辑：这在Vue 2中已弃用，请参阅胡亚雄答案

Answer 3

如果你正在尝试获取一个元素，你可以使用Vue.util.query ，它实际上只是document.querySelector一个包装器，但是14个字符和22个字符（分别）它在技术上更短。 如果您搜索的元素不存在，它也会有一些error handling。

关于Vue.util没有任何官方文档，但这是该函数的完整源代码：

 function query(el) { if (typeof el === 'string') { var selector = el; el = document.querySelector(el); if (!el) { ({}).NODE_ENV !== 'production' && warn('Cannot find element: ' + selector); } } return el; } 

回购链接： Vue.util.query

Answer 4

尽量不通过直接引用DOM来进行DOM操作，它会产生很多性能问题，当我们尝试直接访问DOM时，事件处理变得更加棘手，而是使用数据和指令来操作DOM。

这将使您更好地控制操作，您还可以管理模块化格式的function。

Answer 5

您可以在API中的这两个页面的组合中找到您的答案：

• REF

ref用于注册对元素或子组件的引用。 引用将在父组件的$ refs对象下注册。 如果在普通DOM元素上使用，则引用将是该元素

• VM。$裁判

保存已注册ref的子组件的对象。