Vue.jsのデータ値を操作する

Question

オブジェクトのpersonOneプロパティにnameの値を設定するにはどうすればよいですか？その名前はアレックスの価値を持つことになります。

var app = new Vue({ 
 
    el: '#app', 
 
    data: { 
 
    name: '', 
 
    object: { "personOne": "Alex", "personTwo": "Jack"} 
 
    } 
 
})

Answer 1

あなたは次のように、などの初期データ、APIからのデータのロードを、設定するために作成さcreatedまたはmountedようlife-cycle hooksのいずれかを使用できます。

var app = new Vue({ 
    el: '#app', 
    data: { 
    name: '', 
    object: { "personOne": "Alex", "personTwo": "Jack"} 
    }, 
    methods: { 
    setName (name) { 
     this.name = name 
    } 
    }, 
    mounted() { 
    this.serName(this.object.personOne) 
    }, 
}) 

Answer 2

を内からあなたが書くVueオブジェクト

this.name = 'Alex'とあなたの外でapp.someDataFieldがsomeDataField