Vue 数据和方法

最新推荐文章于 2024-01-19 11:15:30 发布

IT_small bird

最新推荐文章于 2024-01-19 11:15:30 发布

阅读量203

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/itdreamly/article/details/107916357

版权

vue 系列专栏收录该内容

1 篇文章 0 订阅

订阅专栏

Vue 数据和方法

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Vue.js</title>
</head>
<body>
	<!--app 根容器 -->
	<div id="app"> 
		<h1>{{name}}</h1>
		<p>{{job}}</p>
		<h2>{{greet('night')}}</h2>
	</div>

</body>
	<!-- 引入 CDN -->
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

	<script type="text/javascript">
	    // 实例化vue对象
		new Vue({
			el: "#app", // el: 代表element 需要获取的元素。一定是html中的根容器。
			data: {              // data: 用于存储数据
				name: "你好，Vue!",
				job: "web前端"
			},
			methods:{ // methods: 用于存储各种方法
				greet: function(time){
					return "Good "+ time + " " + this.name + "!";
				}
			}
		})
	</script>
</html>

如果想要获取 data 中属性的值 this.name
方法的调用及传参 {{greet(‘night’)}}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

IT_small bird

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue 数据和方法

Vue 数据和方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue.js</title></head><body>  <div id="app"> <h1>{{name}}</h1> <p>{{job}}
复制链接

扫一扫