vue3的setup

复杂写法，在setup中声明的数据或者函数，都需要return出去，template中才可以使用：

<script>
export default {setup() {const msg = 'hello vue3'const getMsg = () => {console.log(msg)}console.log("setup")return{msg,getMsg}},beforeCreate() {console.log("beforeCreate")},}
</script><template><div>{{msg}}</div><button @click="getMsg">按钮</button>
</template>

简单写法

<script setup >const msg = 'hello vue3'const getMsg = () => {console.log(msg)}</script><template><div>{{msg}}</div><button @click="getMsg">按钮</button>
</template>