一、数据与方法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="vue.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!-- 视图 -->
<div id="app">
{{a}}
</div>
<!-- 脚本 -->
<script type="text/javascript">
// 声明一个字典对象
var data = {
a: 1
};
// 用new声明一个Vue的示例对象
var vm = new Vue({
el: "#app",
data: data
});
// $是表示VUE中的属性和方法，
// 为了与自己定义的属性和方法区分开来
// $watch是表示监听，第一个值表示监听的对象
// 第二个时表示监听的回调函数
vm.$watch('a', function(newVal, oldVal) {
console.log(newVal, oldVal);
})
// 将vm中的data属性中的a的值进行了更改
vm.$data.a = "Ryan"
</script>
</body>
</html>
