详解vue2.0监听属性的使用心得及搭配计算属性的使用

我们在工作中常常需要监听某一个属性值的变化，这个时候我们就需要用到了监听属性watch，在这里我总结watch属性的三种场景使用希望对你有所帮助： 1.基础版监听： 场景如下：输入框输入你的年龄，如果年龄在0-15岁提示信息：你还是个小孩，如果年龄在 15-25岁，提示信息：你已经是个少年，如果年龄在25岁以上，提示信息：你已经长大了。根据需求配合监听属性我们得到下面的代码： <template> <div id=app> 年齡：&lt;input type=number v-model=age&gt;<br> 提示信息：<span>{{infoMsg}}</span> &lt;/di