Javascript Vue 3和Mixin:this.$el.queryselectoral不是一个函数

当我尝试这个：

createApp(App).mixin({
    methods: {
        myFunction() {
            this.$el.querySelectorAll('input').forEach(...);
        }
    },

    mounted() {
        this.myFunction();
    }
}).mount('#app');

---

我得到一个

TypeError:this.$el.queryselectoral不是一个函数

，但奇怪的是，一切都按预期工作。因此，定义了。$el后，querySelectorAll（）返回节点，我可以使用forEach（）遍历它们。这里出了什么问题，如何消除错误？

即使这样也很好，这不是vue的方式我对vue是新手，实现的最佳实践是使用refs谢谢，但是使用$refs会得到相同的错误。所以Vue的方法是直接将其绑定到每个元素，而不是通过DOM在循环中进行绑定，对吗？