Vue的学习之数据与方法

前段期间,由于入职原因没有学习,现在已经正式入职啦,接下来继续加油学习。

一、数据与方法

文字备注已经在代码中,方便自己学习和理解

html 复制代码
<!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>

本节学习完毕,接下来进入下一节学习!!!

相关推荐
地球空间-技术小鱼2 分钟前
搜罗Linux桌面环境(Desktop Environments)列表
linux·运维·服务器·笔记·学习·ubuntu·debian
联盟大队长3 分钟前
Spring学习第一天
学习
会算数的⑨12 分钟前
Spring AI Alibaba 学习(三):Graph Workflow 深度解析(上篇)
java·人工智能·后端·学习·阿里云·agent·saa
摇滚侠20 分钟前
挑战通过学习 Java 全栈开发,买一辆丰田 GRYaris
java·开发语言·学习
風清掦23 分钟前
【江科大STM32学习笔记-06】TIM 定时器 - 6.1 定时器的基本定时功能
笔记·stm32·学习
四谎真好看25 分钟前
SSM学习笔记(Spring篇Day03)
笔记·学习·学习笔记·ssm
YangYang9YangYan25 分钟前
2026大专大数据与会计专业学习数据分析的价值分析
大数据·学习·数据分析
2501_9011478331 分钟前
打家劫舍Ⅱ 延伸学习笔记
笔记·学习
是欢欢啊40 分钟前
全新的table组件,vue3+element Plus
前端·javascript·vue.js
硬汉嵌入式2 小时前
QEMU & FFmpeg作者Fabrice Bellard推出MicroQuickJS,一款面向嵌入式系统JavaScript引擎,仅需10K RAM
javascript·ffmpeg·microquickjs