使用 setup 有几件事必须做:默认导出配置选项,setup函数声明,返回模板需要数据与函数。
<script>
export default {
setup() {
const fn = () => console.log('hi')
return { fn }
}
}
</script>
setup语法糖可以帮我们简化过程
使用setup语法糖
<script setup>
const fn = () => console.log('hi')
</script>
注意:setup语法糖默认封闭自己的数据,后续有取值要求时,可以使用暴露语句突破封闭。