Vue3.2.2新特性
Posted 忘忘碎斌bin
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue3.2.2新特性相关的知识,希望对你有一定的参考价值。
setup顶层写法(实验特性 → 新特性)
新的SFC功能
v-bind可以用在SFC<style>
标签中绑定响应式数据的值。
两种新特性的协同工作 Demo
<template>
<div class="home">
<h2>Vue3.2.2新特性</h2>
<hr />
<h2>age:{{ age }}</h2>
<button @click="changeAge">+1</button>
</div>
</template>
<script setup>
import { ref } from "vue";
const age = ref(21);
const changeAge = () => {
age.value++;
};
const color = ref("red");
</script>
<style scoped>
.home {
color: v-bind(color);
}
</style>
以上是关于Vue3.2.2新特性的主要内容,如果未能解决你的问题,请参考以下文章