Маленький проект, поэтому сборщик не нужен - подключаю vue скриптом, скрипт с экзмемпляром Vue подключаю перед body. Нужно создать компонент и передавать в него данные, а также в компоненте наложить событие на клик и обработчик этого события.
Но когда я в компоненту на div пишу @click="delete", то ничего не происходит и компонент вообще не появляется на странице. В чём ошибка?
Вот файл js
const contentTemplate = `<div @click="delete" class="info-content-wrapper">{{tit}}</div>`;
Vue.component('info-content', {
data: function(){
return {
title: 'wwwww'
}
},
props: {
tit: String
},
methods: {
delete(){
this.title = "aga shas"
}
},
template: contentTemplate
});
new Vue({
el: '#root',
data: {
test: 'qwewerwere'
},
methods: {
},
components: {
}
});
Вот где использую в html
<div class="info-page-wrapper">
<info-content tit="qwqwqwqwq"></info-content>
</div>
Средний