Vue3 script setup

SFC：

<script setup>

style 中可以使用 script 的变量。

<script setup>
import { ref } from 'vue'
const color = ref('blue')
</script>

<style scoped>
body {
  color: v-bind(color);
}
</style>

检查语法

升级eslint

yarn upgrade eslint-plugin-vue@9.2.0

vscode  升级插件  

Vue Language Features (Volar)

"volar.codeLens.references": false,


"volar.codeLens.scriptSetupTools": true,