vue3组合式api

最新推荐文章于 2024-11-08 16:09:18 发布

你要多照镜子

最新推荐文章于 2024-11-08 16:09:18 发布

阅读量273

点赞数

分类专栏：教程文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_45270158/article/details/128110657

版权

教程专栏收录该内容

5 篇文章 0 订阅

订阅专栏

组合式api 两种写法
写法1

<script lang="ts">
import { reactive } from 'vue'
import { getlist } from '../assets/api/test'
export default {
  setup() {
    const event = reactive({
      name: '',
      password: ''
    })
    const login = function() {
      getlist().then(res => {
        console.log(res)
      })
    }
    return {
      event,
      login
    }
  }
}
</script>

写法2 写法2是一个简写

<script lang="ts" setup>
import { reactive } from 'vue'
import { getlist } from '../assets/api/test'
const event = reactive({
  name: '',
  password: ''
})
const login = function() {
  getlist().then(res => {
    console.log(res)
  })
}
</script>