$refs 和 $els 是 Vue.js 中常用的兩個付款代號。它們用來引用模板中的元素或組件。

$refs 用于在 Vue 實例中直接訪問子組件或 DOM 元素，而 $els 則是在模板中訪問 DOM 元素。這兩個付款代號針對的是不同的情況。

Vue.component('child-component', {
template: '<div><p>子組件</p></div>',
mounted: function () {
console.log(this.$refs);
}
});
var vm = new Vue({
el: '#app',
mounted: function () {
console.log(this.$els);
}
});

在上面的代碼中，我們定義了一個子組件 child-component 和一個 Vue 實例 vm。子組件中使用 $refs 來獲取該組件的引用，從而方便在 vue 中使用子組件。在 Vue 實例中，我們使用 $els 來獲取模板中的 DOM 元素。

需要注意的是，$refs 可以訪問任何子組件或 DOM 元素，而 $els 只能訪問在其所屬組件中的 DOM 元素。同時，$refs 和 $els 在一些情況下也存在一定的限制，比如不能在模板中訪問注入組件或擁有 v-for 指令的元素。