Vue第二课数据与方法

最新推荐文章于 2022-10-04 10:15:48 发布

鱼小旭

最新推荐文章于 2022-10-04 10:15:48 发布

阅读量186

点赞数

分类专栏： Vue.js学习日志

本文链接：https://blog.csdn.net/qq_43476358/article/details/107829763

版权

Vue.js学习日志专栏收录该内容

15 篇文章 0 订阅

订阅专栏

vm一般代表Vue的实例
var 一个对象data1和Vue对象中的data是不同的！var出的是一个对象，Vue中的是一个属性！
在这里插入图片描述

在Vue对象外对data赋值（data.a）a为data的变量名。体现出了Vue的响应式渲染！
在这里插入图片描述
$符号赋值，$ watch方法
观察一个变量的变化获取变化前后的变化

注：
遇到的问题，变量只声明但不在Vue（）对象中初始化会报错，（不一定是在Vue对象中，也可以是在自主声明的对象中）
在这里插入图片描述
代码如下：

<body>
	<div id="app">
			{{a}}	
	
	</div>
	
	<script type="text/javascript">
		var data1={a:2};
		var vm=new Vue({
			el:'#app',
			data:data1
		
		}
		);

// data1.b=“256”;
// data1.a=“hello word!”;
//
//watch 方法记录变量变化之前的值和变化之后的值
vm.$watch(‘a’,function(newValue,oldValue){
console.log(newValue,oldValue);
}
)

vm.$data.a = “test1”;