名称连接（姓-名）

实现名称拼接

方法一 事件处理

利用键盘事的点击触发事件，fullName早data也定义，在methods中写getFullName方法
效果

方法二 使用watch属性

在watch中定义函数，名称与data中的一致
带参数写法

两个参数，一个新值一个旧值
效果

拓展 ：watch监听路由改变

方法三 使用computed计算属性

主要代码

fullName不用在data中定义，在方法一中需要定义

效果


输出结果只有有一个computed，说明插值表达式没有激活computed，
因为computed会缓存执行的结果

computed的set与get：
利用get方法实现

利用set方法实现


效果

点击按钮之后

拓展 ：watch、computed与methods对比