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 = 6function fu(){return "vue3学习"}
</script>

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

效果：