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>