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>

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

相关推荐
森诺Alyson2 分钟前
前沿技术借鉴研讨-2026.3.26(解决虚假特征x2/混合专家对比学习框架)
论文阅读·人工智能·经验分享·深度学习·学习·论文笔记
终端鹿3 分钟前
setup 语法糖从 0 到 1 实战教程
前端·javascript·vue.js
颜酱3 分钟前
回溯算法实战练习(2)
javascript·后端·算法
周淳APP4 分钟前
【React Fiber架构+React18知识点+浏览器原生帧流程和React阶段流程相串】
前端·javascript·react.js·架构
星幻元宇VR5 分钟前
VR司法矫正宣教机|构建沉浸式矫正教育新模式
科技·学习·安全·vr·虚拟现实
EnglishJun5 分钟前
ARM嵌入式学习(十一)--- IMX6ULL时钟配置
arm开发·学习
dear_bi_MyOnly23 分钟前
【 HTML + CSS + JavaScript 学习速通 max】
javascript·css·学习·html·学习方法
英俊潇洒美少年32 分钟前
Vue3 中使用 Proxy 的 8 个注意事项
vue.js
●VON34 分钟前
Flutter组件通信详解:父子组件交互的最佳实践
javascript·flutter·华为·交互·harmonyos·von
路小雨~35 分钟前
机器学习基础算法学习笔记
学习·算法·机器学习