开发者学堂课程【Vue.js 入门与实战：Computed-计算机的使用和3个特点】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/586/detail/8207
Computed-计算机的使用和3个特点
一、课程代码展示
方式一是使用事件来监听，方式二是使用 watch 来监听的，接下来学习方式三 computed。
<script src="./1ibue-2.4.0.js"></script></head>
body>
<div id="app">
<input type="text" v-model="firstname">+
<input type="text" v-model="lastname"=
<input type="text" v-model="fullname">
</div>
<script>
//创建vue 实例，得到ViewModel
var vm = new vue ( i
el: ‘’#app’ ,
data: {
firstname: ‘’,
lastname :’’,
Middlename:’’
},
methods: {}，
computed: {
// 在 computed中，可以定义一些属性，这些属性，叫做【计算属性】，计算属性的，本质，就是一个方法，只不过，在使用这些计算属性的时候，是把它们的名称，直接当作属性来使用的，并不会把计算属性，当作方法去调用;
‘fullname’: function () {
return this.firstname +’-’+ this. Lastname
}
此时刷新是页面是可以正常执行的。
//注意1：计算属性，在引用的时候一定不要加（）去调用，直接把它当做普通属性去使用就好了；
//注意2：只要计算属性，这个function内部，所用到的任何data中的数据发生了变化，就会立即重新计算这个计算属性的值
‘fullname’: function () {
return this.firstname +’-’+ this.middlename+’-’+ this.lastname
}
//注意3：计算属性的求值结果，会被缓存起来，方便下次直接使用；如果计算属性方法中，所依赖的任何数据，都没有发生过变化，则不会重新对计算属性求值；
‘fullname’: function () {
console.log(‘ok’)//ok会输出四次
return this.firstname +’-’+ this. Lastname
}
