vue计算属性computed和监视器watch的使用

计算属性

1) 在 computed 属性对象中定义计算属性的方法
2) 在页面中使用{ {方法名}}来显示计算的结果

监视属性

1) 通过通过 vm 对象的$watch()或 watch 配置来监视指定的属性
2) 当属性变化时, 回调函数自动调用,在函数内部进行计算

计算属性高级

1) 通过 getter/setter 实现对属性数据的显示和监视
2) 计算属性存在缓存, 多次读取只执行一次 getter 计

<template>
    <div>
        姓：<input type="text" v-model="firstname"