1、最开始的App.vue格式
<template>
<div>
</div>
</template>
<script>
export default {
}
</script>
<style>
</style>
2、变量在data函数return的对象上
export default {
data() {
return {
name: "小vue",
obj: {
age: 9,
hobby: "code",
},
};
},
};
3、插值表达式基本语法
3.1将字符串用插值表达式写入html
<template>
<div>
<span>{{ name }}</span>
</div>
</template>
3.2将对象中的值用插值表达式写进html
<template>
<div>
<span>{{obj.age}}</span>
</div>
</template>
3.3将三元表达式用插值表达式写进html
<template>
<div>
<span>{{obj.hobby=="eat"?'yes':'no'}}</span>
</div>
</template>
3.4将表达式写进html
<template>
<div>
<span>{{ 9+9 }}</span>
</div>
</template>
3.5将字符串直接用插值表达式写进html
<template>
<div>
<span>{{ 'woshi' }}</span>
</div>
</template>