console.log('vue');
function deepCopy(o) {
return JSON.parse(JSON.stringify(o));
}
Vue.component('counter', {
data: function(){
return {count:0}
},
methods: {
countUp : function(){
this.count++;
},
},
template : '<a v-on:click="countUp">{{count}}</a>'
});
var vm = new Vue({
el: '#app',
data: {
aa:'xx',
email:'',
radio:[],
input: '',
message: 'hello!',
todos: [
{ text: 'aaaa' },
{ text: 'bbbb' },
{ text: 'cccc' },
],
events: [],
checkboxNames:[],
},
methods: {
add: function () {
var text = this.input.trim()
if (text) {
this.todos.push({ text: text })
this.input = ''
}
},
remove: function (index) {
this.todos.splice(index, 1)
},
console: function () {
console.log(this.todos);
},
change: function (e) {
console.log(this);
console.log(e);
console.log(e.targetVM);
console.log(vm.$data);
console.log(deepCopy(vm.$data));
},
},
created: function(){
var self = this;
axios.get('test.json')
.then(function (res) {
console.log(res.data);
console.log(self);
for(var i = 0; i < res.data.a.length; i++){
self.events.push(res.data.a[i]);
}
console.log(self.events);
}).catch(function (data, status, request) {
})
},
});
new Vue({
el: '#flip-list-demo',
data: {
items: [1,2,3,4,5,6,7,8,9]
},
methods: {
shuffle: function () {
this.items = _.shuffle(this.items)
}
}
});