02.data
goer ... 2022-01-06 小于 1 分钟
[toc]
# 数据和方法
创建
vue应用，数据和 DOM 已经被建立了关联，所有东西都是响应式的
<div id="app">
{{name}}
</div>
<script src="../script/vue.js"></script>
<script>
var data = {'name':'vue'};
var app = new Vue({
el:'#app',
data:data,
});
// data.name = '------blue----vue----';
app.name = '------black---vue----';
//两种方法都可以修改name，重新渲染页面，响应的
</script>
//$data --> 获取自己的属性
app.$data == data //true
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
==$watch==方法查看变量变化 -- 常用
app.$watch('name',function(newval,oldval){
console.log(oldval,newval);
});
//放在变量变化中间
1
2
3
4
2
3
4