目的:
直接在dom标签中插入内容
-
又叫: 声明式渲染/文本插值
-
插值表达式:插入数值的表达式
-
语法: {{ 表达式 }}
<template>
<div>
<!-- 插值表达式
-->
<h1>{{msg}}</h1>
<h2>{{text}}</h2>
<h3>{{age>=18 ? '成年':'未成年'}}</h3>
</div>
</template>
<script>
export default {// 格式固定, 定义vue数据之处
data () {//固定格式,返回一个数据对象
return {
msg: 'Hello,Vue!',
text: '玉安_ZhangDe',
age:22
}
},
}
</script>
<style scoped>
</style>