<div class="row">
<div class="col">
<div class="embed-responsive embed-responsive-16by9">
<iframe width="560" height="315" src="https://www.youtube.com/embed/AOcYIERhLKQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
Если метод onClick() реализовать в родительском компоненте, то у ребенка такого метода не будет и соответсвенно он не будет доступен по пути $refs.child.onClick().
И я получил ошибку "_ctx.$refs.child.onClick is not a function".
Но когда я передал и вывел в консоли просто $refs.child и получил прокси объект:
то обнаружил что во вложенном объекте Target лежат все методы дочернего элемента. И вот когда я перенес метод onClick в дочерний, все заработало!