vue3插值表达式

原创已于 2024-12-06 14:53:43 修改 · 238 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

于 2024-12-05 09:57:00 首次发布

VUE3 专栏收录该内容

11 篇文章

订阅专栏

插值表达式

在Vue 3中，插值表达式使用双大括号{{ }}来表示。例如，如果你有一个Vue组件中的数据message，你可以在模板中这样插入这个数据：

插值表达式中可以调用函数，将函数的返回值渲染到指定的位置

插值表达式支持常见的运算符同时也支持对象调用API

<template>
  <div>
    <!--将数据绑定到下面的元素上-->
    <p>{{ message }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello, Vue 3!'
    };
  }
};
</script>