<template>
  <div>
    {{ name }}
    <button @click="showName">点击</button>
  </div>
</template>

<script>
export default {
    // setup 不支持this
    // vue新增的option 所有的的组合都再次函数内调用 只在初始化的时候执行一次 vue3新增的语法糖
    setup(){
        let name = '孙悟空';

        function showName() {
            console.log(name)
        }

        return {name,showName}

    }

};
</script>

<style lang="scss" scoped></style>
