如何创建具有可观察属性的对象
VueJs How to create object with observable properties
如何在VueJS中创建knockoutjs 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
成员建立的。以下是针对您的用例修改的文档中的示例:
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;
}
}
});
相关文章:
- 未激发路由的控制器属性上的观察者
- 如何从具有动态可观察属性的淘汰对象中获取 JSON 字符串
- 使用挖空 JS 映射选项将可观察属性添加到映射的可观察数组
- Knockout.js - 如何在计算的可观察量中获取可观察属性的值
- 更改一个对象的可观察属性会更改集合中所有对象的属性
- PUT 期间不包括视图模式可观察属性
- 观察属性的角度指令
- 如何观察属性并在重新加载时清除它们
- 使用Jquery观察属性更改
- 一个JSON对象数组,用可观察属性击倒可观察对象数组
- 对数组中所有对象的可观察属性进行单个MobX自动运行或反应
- Knockoutjs:绑定到模板中数组之外的一个可观察属性
- 使用ko.computed和if语句来设置对象的可观察属性
- 在可观察数组中推入具有可观察属性的对象仍然跟踪对象的属性
- 如何在angularjs指令中观察属性
- 循环遍历具有可观察属性的JS对象
- 击倒绑定选择与自定义对象的可观察属性
- AngularJS:观察/观察属性的改变
- 如何创建具有可观察属性的对象
- 带有KnockoutJS可观察属性的JavaScript克隆对象