vue3--组合式API - setup选项

setup选项中写代码的特点:

第一个特点：setup的执行时机比beforeCreate早

第二个特点：创建时机太早，setup中获取不到this

第三个特点：提供数据或者函数，想要在我们的模板中使用，必须在setup中return -->

 </script>
export default{
  setup(){
    // 数据
    const message = 'hello'
    // 函数
    const logMessage =() =>{
      console.log(message)
    }
    // console.log('setup函数',this);//this=>undefined
    return{
      message,
      logMessage
    }
  },
  beforeCreate(){
    console.log('beforeCreate函数');
  }
}‘
</script> 

 第四个特点：多次return复杂，简洁：语法糖 

<script setup>
const message='this is a message'
const logMessage=()=>{
  console.log(message);
}
</script>