# 數據與方法-ta1
> 代碼：
~~~
<template>
<div id="appa1">
{{ data2 }}
</div>
</template>
<script>
// 我們的數據對象
var data = { a: 1 };
// 該對象被加入到一個 Vue 實例中
var vm = new Vue({
data: data
})
import Vue from "vue";
export default {
data () {
return {
}
},
computed: {
// 計算屬性的 getter
data2: function () {
// 獲得這個實例上的屬性
// 返回源數據中對應的字段
vm.a == data.a // => true
console.log(vm.a == data.a )
// 設置屬性也會影響到原始數據
vm.a = 2
data.a // => 2
console.log(data.a )
// ……反之亦然
data.a = 3
vm.a // => 3
console.log(vm.a)
}
}
}
</script>
~~~
> 結果如圖：
