vue学习笔记-3 组件

vue.component('alert',{//定义组件
template:'<button @click="on_click">弹弹弹</button>'
})
methods:{//功能
    on_click:function(){
        alert('Yo');
    }
}
})

Vue.component('like',{
    '<button @click="on_click">{{like_count}}<button>'
    data:function(){
        return{
            like_count :10,
            liked: false,
        }
    }
})
methods:{
on_click:function(){
if (!this.liked)
    this.like_count ++;
}else{
    this.like_count --;
}
    this.liked = !this.liked;
var app = new Vue({
    el:'app'
})