@nicola
Чтобы создать компонент на Vue.js, следуйте следующим шагам:
- Создайте новый экземпляр Vue:new Vue({
el: '#app',
data: {
// данные для компонента
}
});
- Определите компонент, используя опцию components:Vue.component('my-component', {
// определение компонента
});
- Определите шаблон компонента, используя опцию template:Vue.component('my-component', {
template: '<div>Мой компонент</div>'
});
- Определите логику компонента, используя опцию methods:Vue.component('my-component', {
template: '<div>Мой компонент</div>',
methods: {
myMethod: function() {
// логика компонента
}
}
});
- Используйте компонент в шаблоне:<div id="app">
<my-component></my-component>
</div>
После этих шагов вы можете использовать свой компонент в шаблоне Vue. Обратите внимание, что компоненты могут быть вложенными друг в друга, и вы можете передавать данные из родительского компонента в дочерний компонент с помощью свойства props
.