VueJs観測可能なプロパティを持つオブジェクトを作成する方法

Question

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のものと同等のはどのように私は、テンプレートのプロパティがなく、コンポーネントとして、それを作成することなく、オブジェクトまたはのviewmodelを作成することができます何ですか？私は単純なjavascriptオブジェクト（function/jsonオブジェクト）を作成していますか？そのようなプレーンなjavascriptオブジェクトで計算された/観測可能なプロパティを作成するにはどうすればいいですか？

Answer 1

はい、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; 
    } 
    } 
});