vue3 组合式API

组合式API - setup选项

1. setup选项的写法和执行时机

写法

<script>
  export default {
    setup(){
      
    },
    beforeCreate(){
      
    }
  }
script>

执行时机

beforeCreate钩子之执行

vue3 组合式API_第1张图片

2. setup中写代码的特点

setup函数中写的数据方法需要在末尾以对象的方式return,才能给模版使用

<script>
  export default {
    setup(){
      const message = 'this is message'
      const logMessage = ()=>{
        console.log(message)
      }
      // 必须return才可以
      return {
        message,
        logMessage
      }
    }
  }
script>

3.

你可能感兴趣的:(Vue,vue.js,javascript,前端)