# 数据与方法-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>
~~~
> 结果如图：
