В
документации не нашел примера, как будет выглядеть регистрация двух компонентов.
как-то так?
// register it with the tag <example>
Vue.component('loginmenu', loginMenu)
Vue.component('pagefooter', pageFooter)
new Vue({
el: '#loginmenu', '#pageFooter'
})
Просто у меня браузер ругается на строку:
el: '#loginmenu', '#pageFooter'
Вот полный мой код:
window.onload = function() {
var loginMenu = Vue.extend({
template: `
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">
<img alt="Brand" src="">
</a>
</div>
</div>
</nav>
`
})
var pageFooter = Vue.extend({
template: `
<div class="panel panel-default">
<div class="panel-body">
Panel content
</div>
<div class="panel-footer">Panel footer</div>
</div>
`
})
// register it with the tag <example>
Vue.component('loginmenu', loginMenu),
Vue.component('pagefooter', pageFooter)
new Vue({
el: '#loginmenu' // как сюда новый компонент добавить?
})
}
Или на каждый компонент по экземпляру нужно создавать?