I am new to Vue, so I apologize if this question seems silly or if I have overlooked something. I believed that you could target a custom element like this:
my-element { styles go here}
However, when I created an element, it appears that I can only target the elements it contains. For example, I created a nav-bar element (see below), but I was only able to style the actual nav/img/a elements within it - similar to how you would normally do it, if that makes sense?
Vue.component
('nav-bar', {
template: '<nav>'+
'<img src="" alt="header-logo">'+
'<div class="ui-component">'+
'<input type="text">'+
'<a href="#">logout</a>'+
'</div>'+
'</nav>'
});
var nav = new Vue({
el: '#nav'
});
Am I missing something, or is it only possible to style web elements and not custom elements in vue?