我如何在VueJS中创建等效的基因敲除ViewModel?例如:
var Person = function() {
var self = this;
this.firstName = ko.observable('');
this.lastName = ko.observable('');
this.fullName = ko.computed(
function() {
return self.firstName() + ' ' self.lastName();
});
VueJs中的等效项是什么,如何在没有模板属性且没有将其创建为组件的情况下创建对象或视图模型?如果可以,我是否仅创建普通的javascript对象(函数/ json对象),如何在这些普通的javascript对象中创建计算/可观察的属性?
是的,在Vue中,模型只是pojo。使用其computed
成员建立计算属性。这是为您的用例修改的docs中的示例:
var vm = new Vue({
el: '#aPerson',
data: {
firstName: '',
lastName: ''
},
computed: {
fullName: function () {
return this.firstName + ' ' + this.lastName;
}
}
})
接受person
对象的可重用组件如下所示:
Vue.component('person', {
props: ['person'],
computed: {
fullName () {
return this.firstName + ' ' + this.lastName;
}
}
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句