第三章 Vue.js指令

Vue.js指令

指令,其实指的就是vue的v-开头的自定义属性。每个不同的属性都有各自不同的意义和功能。

指令的语法:

v-指令名称=”表达式判断或者是业务模型中属性名或者是事件名”

v-text

作用:操作元素中的纯文本

快捷方式:{{}}

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Vue.js v-text</title>
	<script src="vue.js"></script>
</head>
<body>
	<h1 id="demo" v-text="'今年是'+year+'年'+month+'月'"></h1>
	<script>
		var app = new Vue({
			el:'#demo',     //声明Vue.js管理的边界
			data:{
				year: new Date().getFullYear(),
				month:new Date().getMonth()
			}         //data核心作用是存放显示在页面中的数据,需要是一个对象
		});
	</script>
</body>
</html>

Add a Comment

电子邮件地址不会被公开。 必填项已用*标注