直接上代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>watch</title>
<script src="vue.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="app">
{{hello}}{{name}}
</div>
<script type="text/javascript">
var data = {hello: "你好~", name: "name"};
var vm = new Vue({
el: "#app",
data: data
})
vm.$watch('name', function(newVal, oldVal){
console.log(newVal, oldVal);
})
vm.$data.name = "斟茶冰冰yozi"
</script>
</body>
</html>
利用&watch可以监听数据的变化。
在控制台能看到变化内容,可以看到从name变成了斟茶冰冰yozi