vue-learning/hello/app.js

32 lines
779 B
JavaScript

Vue.component('todo-item', {
props: ['todo'],
template: '<li>{{ todo.text }}</li>'
})
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!',
showspan: true,
todos: [
{ id: 1, text: 'Learn JavaScript' },
{ id: 2, text: 'Learn Vue' },
{ id: 3, text: 'Build something awesome' }
],
label: 'You loaded this page on ' + new Date().toLocaleString(),
isActive: true,
hasError: false
},
methods: {
reverseMessage: function () {
this.message = this.message.split('').reverse().join('')
}
},
computed: {
lenMessage: function () {
return this.message.length
}
}
})