vue3.0 模板语法——文本插值

最新推荐文章于 2024-10-02 05:39:15 发布

上尽重城更上楼

最新推荐文章于 2024-10-02 05:39:15 发布

阅读量125

点赞数 3

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/hfz1997/article/details/140858304

版权

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

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

<template>
	<view>
		{{ 2+3 }}
	
	</view>
	
	<view>
		{{ a }}
	</view>
	
	<view>{{ Date.now() }}</view>
	<view>{{Math.random()}}</view>
	<view>{{ 1>2 ? "张三" :"李四"}}</view>
	<view>{{ fn() }}</view>
</template>

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

<style>

</style>