Vue3怎么使用setup语法糖拒绝写return
Vue3.2 setup语法糖
解决Vue3.0中setup需要繁琐将声明的变量、函数以及 import 引入的内容通过return向外暴露,才能在使用的问题
1. setup>在使用
使用
<script setup> //import引入的内容 import { getToday } from './utils' // 变量 const msg = 'Hello!' // 函数 function log() { console.log(msg) } </script> //在template中直接使用声明的变量、函数以及import引入的内容 <template> <div @click="log">{{ msg }}</div> <p>{{getToday()}}</p> </template>
标准组件