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>

其中涉及到常用的獲取當前時間戳，獲取隨機數，三元表達式，獲取函數的返回值

效果：