生活中的Design.

使用@vue/composition-api

前端 Vue
字数统计: 116阅读时长: 1 min
2022/06/20 Share

使用@vue/composition-api

1.安装与引入

安装

1
npm i  @vue/composition-api

引入

1
2
3
import Vue from "vue";
import VueCompositionAPI from "@vue/composition-api";
Vue.use(VueCompositionAPI);

配置

setup标签支持,$ref等语法的支持

vue.config.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
const ScriptSetup = require("unplugin-vue2-script-setup/webpack").default;

module.exports = {
  //...
  configureWebpack: {
    plugins: [
      //setup标签支持
      ScriptSetup({
        //添加对$ref等语法的支持
        reactivityTransform: true,
      }),
    ],
  },
};

使用

  • 定义props
    1
    2
    3
    4
    5
    defineProps({
      xxxx: {
        type: String
      }
    })
  • 定义发送的事件
1
defineEmits(["update:xxx"])

原文作者：Apm29

原文链接：https://apm29.github.io/2022/06/20/%E4%BD%BF%E7%94%A8-vue-composition-api/

发表日期：June 20th 2022, 3:17:50 pm

更新日期：June 20th 2022, 3:38:07 pm

版权声明：本文采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可

CATALOG
  1. 1. 使用@vue/composition-api
    1. 1.1. 1.安装与引入
    2. 1.2. 配置
    3. 1.3. 使用
Total : 44
2022
2021
2020
2019
Android JetPack Tools Linux Flutter Dart Kotlin DataBinding Docker Git Gradle Groovy NPM travisci Fragment Coroutines Shell 前端 nuxtjs Python SheetJS Spring Springboot TravisCI MySQL Vue Vite ORM 算法 javascript SSG SEO
笔记 Git