vue3快速上手导航：简介 | Vue.js

模板语法

插值表达式

最基本的数据绑定形式是文本插值，它使用的是“Mustache”语法 (即双大括号)：

<span>Message: {{ msg }}</span>

双大括号标签会被替换为相应组件实例中 msg 属性的值。同时每次 msg 属性更改时它也会同步更新。

示例代码：

<view>{{2+3}}</view>
	<view>{{ a+5 }}</view>
	<view>{{Date.now()}}</view>
	<view>{{ Math.random() }}</view>
	<view>{{ 1 > 2 ? 'Jim':'Tim' }}</view>
	<view>{{ fu() }}</view>
</template>

<script setup>
	const a = 6
	function fu(){
		return "vue3学习"
	}
</script>

其中涉及到常用的获取当前时间戳，获取随机数，三元表达式，获取函数的返回值

效果：