div.mvc
button(type='button') update
span helloworld
div.mvvm
xxxxxxxxxx
.hide
display none
//MVVM
var vue = new Vue({
el: '.mvvm',
template: '<button type="button" @click="toggle">update</button><span :class="isShow ? \'\' : \'hide\'">Hi</span>',
data: {
isShow: true
},
methods: {
toggle: function(){
this.isShow = !this.isShow
}
}
})
vue.$data.data=10000
// MVC
~function(){
var view=$('.mvc span')
var model={
data: 1
}
var controller = function(model){
view.toggleClass('hide');
model.data++
}
$('.mvc button').on('click', function(){
controller(model)
})
}()