vue学习第一天【构造器】

关注

原创最新推荐文章于 2026-05-20 11:04:38 发布 236 阅读 AI 写同款· GEO 优化 ›

802.11be 的“上帝视角”：深入解析 CSI 技术原理与实现 IEEE 802.11be标准下的CSI技术解析摘要：本文深入解析了802.11be标准中的信道状态信息(CSI)技术。CSI作为无线通信的"高精度地图"，通过显式反馈机制获取信道矩阵H，经SVD分解得到预编码矩阵V。802.11be在CSI反馈机制上实现重大改进：支持320MHz带宽、16空间流；引入灵活的子载波分组(Ng=4/16)、更高量化精度(最高9/7比特)、部分带宽反馈和触发式反馈。这些创新显著提升了MU-MIMO和波束成形性能，为Wi-Fi 7带来极速通信、精准感知和Me 阅读详情

我们通过实例来看一下构造器有哪些内容：

实例1：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="./vue.min.js"></script>
</head>
<body>
	<div id="vue_det">
	<h1>site : {{site}}</h1>
	<h1>url : {{url}}</h1>
	<h1>{{details()}}</h1>
	</div>
		<script type="text/javascript">
		var vm = new Vue({
			el: "#vue_det",
			data :{
				site: "菜鸟教程",
				url: "www.baidu.com",
				alexa: "10000"
			},
			methods: {
             details: function() {
             	return this.site;
             }
			}
		})
	</script>
	
</body>
</html>

Vue构造器内容：
el: 它是DOM元素中的id，可以理解为定位到生效的代码区域
data: 用于定义属性，实例中有三个属性分别为：site / url / alexa
methods：用于定义的函数，可以通过return来返回函数值

输出对象属性和函数返回值需要用到 {{ }}

实例2：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="./vue.min.js"></script>
</head>
<body>
	<div id="vue_det">
	<h1>site : {{site}}</h1>
	<h1>url : {{url}}</h1>
	<h1>{{details()}}</h1>
	</div>

	<script type="text/javascript">
		var data = {site: "菜鸟教程",url: "www.baidu.com",alexa: "10000"}
		var vm = new Vue({
			el: "#vue_det",
			data :/*{
				site: "菜鸟教程",
				url: "www.baidu.com",
				alexa: "10000"
			}*/ data,
			methods: {
             details: function() {
             	return data.url;
             }
			}
		})
		// 指向同一个对象   同一个地址
		document.write(vm.site == data.site)
		document.write("<br>")
		vm.site = "菜鸡宝典"
		document.write(data.site+"<br>")

		data.alexa = "10086"
		document.write(vm.alexa);
	</script>
	
</body>
</html>