1. Vue.directive 自定义指令 - ({string} id, {Function | Object} [definition])
Vue.directive("jxch", {
bind: function (el, binding, vnode) {
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('1 - bind');
}
})
Vue.directive('my-directive', function () {
})
var myDirective = Vue.directive('my-directive')
2. Vue.extend 构造器 - ({Object} options)
<div id="mount-point"></div>
var Profile = Vue.extend({
template: '<p>{{firstName}} {{lastName}} aka {{alias}}</p>',
data: function () {
return {
firstName: 'Walter',
lastName: 'White',
alias: 'Heisenberg'
}
}
})
new Profile().$mount('#mount-point')
3. Vue.set - ()