*/
function unbind(){
app.$destroy();
}
Vue.directive(‘huang’, {
bind: function(el,binding) { //被绑定
console.log(‘1 - bind’);
el.style=‘color:’+binding.value;
},
inserted: function() { //绑定到节点
console.log(‘2 - inserted’);
},
update: function() { //组件更新
console.log(‘3 - update’);
},
componentUpdated: function() { //组件更新完成
console.log(‘4 - componentUpdated’);
},
unbind: function() { //解绑
console.log(‘5 - unbind’);
}
})
var app = new Vue({
el: ‘.app’,
data: {
num: ‘0’,
color: ‘red’
},
methods: {
add: function() {
this.num++;
}
}
})
- Vue.extend扩展实例构造器
Vue.extend扩展实例构造器
- Vue.set全局操作
Vue.set全局操作
{{message.count}}
- {{item}}
add
- 生命周期
生命周期 生命周期
{{count}}
- Template 制作模版
Template 制作模版 Template 制作模版
{{message}}
我是Template标签模板
- component组件
component组件-1 component组件-1