vscode配置composition-api (vue2)

本文记录了在Vue2项目中使用VSCode配合Composition API时的配置过程,包括下载并引入composition-api,使用单文件组件的script setup语法,安装unplugin-vue2-script-setup,配置webpack,安装Volar插件,并处理与Vetur的冲突,以及eslint-plugin-vue的版本要求。
摘要由CSDN通过智能技术生成

最近在vue项目中(使用vue2)使用compositon-api进行代码编写,发现在vscode配置也有一些小坑,记录一下,方便以后查询,也方便使用相同工具的小伙伴配置.

组合式api配置

  1. 下载composition-api 下载地址
  2. 在 main.js 文件中引入
import Vue from 'vue'
import VueCompositionAPI from '@vue/composition-api'

Vue.use(VueCompositionAPI)

其实到这里为止,在vue里面可正常使用composition-api了,一般写法按照官网就可编写了,附上地址 组合式API

但是我特别不爱用这个写法,为啥呢,看下面官网示例代码:

setup(props) {
   
    const {
    user } = toRefs(props)

    const {
    repositories, getUserRepositories } = 
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值