博客主要介绍了Vue插值表达式，它可将Vue中定义的数据显示在页面上，还允许输入JS代码片段。同时给出了相关语法示例，通过创建Vue对象，定义数据并让Vue接管特定标签，实现数据在页面的展示。
概述：插值表达式用户把vue中所定义的数据,显示在页面上. 插值表达式允许用户输入"JS代码片段"。
语法/展示：
{{ 变量名/对象.属性名 }}
<html lang="en">
<head>
<meta charset="UTF-8">
<title>vue插值表达式</title>
<script src="node_modules/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
<h1>欢迎来到-->{{ name }}</h1>
</div>
<script type="text/javascript">
//创建vue对象
var app = new Vue({
//让vue接管div标签
el:"#app",
//定义数据,里边包含一个属性name,值为"白大锅"
data:{
name:"小磊"
}
});
</script>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
