前端学习——VUE实例

文章目录

• 一 VUE实例的数据
• 二 VUE实例的方法
• 三 生命周期
• #一些疑惑
• 回调函数
• javascript语法

一 VUE实例的数据

var vm = new Vue({
  // 选项
})

当VUE实例被创建时存在于data中的属性是响应式的。
比如下面的例子中，data和this.data会同步更新，但是b和test_b不会同步更新。

var data = { a : 1 };
var b=0;
var vm = new Vue({
	el   : "#app",
	data : data,
	methods:{
		changeData:function(num){
			this.$data.a += num;
			this.test_b = b;
			b-=num;
			console.log("data:" +　data.a + "  b:"+ b+"  test_b:"+this.test_b)
		}
	}
});

二 VUE实例的方法

除了数据属性，Vue 实例还暴露了一些有用的实例属性与方法。它们都有前缀 $，以便与用户定义的属性区分开来。可查看api文档
当前介绍三个方法：

1. $data

vm.$data === var_data; // => true

2. $el

vm.$el === document.getElementById('example') // => true

3. $watch

vm.$watch('a', function (newValue, oldValue) {
  // 这个回调将在 `vm.a` 改变后调用
})

三 生命周期

这一部分不需要现在完全弄懂。

#一些疑惑

回调函数

javascript语法

来源：CSDN

作者：Wby_Nju

链接：https://blog.csdn.net/Wby_Nju/article/details/104168744