1.创建两个分支,分别支持Vue2和Vue3 2.只使用Vue2和Vue3都支持的API 这两种方式都有缺点,第一种很麻烦,第二种无法使用Vue3新增的组合式API,其实现在Vue2.7+版本已经内置支持组合式API,Vue2.6及之前的版本也可以使用@vue/composition-api插件来支持,所以完全可以只写一套代码同时支持Vue2和3。虽然如此,但是实际...
首先,我们需要理解一个公式:@vue/composition-api+Vue 2≈Vue 3。其表明了在用户的使用侧,Vue 3 相较于 Vue 2 主要就是增加了组合式 API。有兴趣的同学可以点击了解@vue/composition-api库的官方说明。 然后,我们来看peerDependencies项的配置(peer 依赖,也叫同等依赖。简单来讲,就是外层依赖中,如果存在着规则...
import{ install } from'vue-demi' install() 在实际的代码中,直接用就好 当你使用vue Api时,请从vue-demi里导入,它会自动根据用户使用的环境,而被重定向到vue@3.x或者vue@2.x + @vue/composition-api。 当用户要创建一个Vue插件/库时,只需将vue-demi安装为依赖项并将其导入,然后像之前一样发布你的插...
Vue Demi 是一个强大的开发工具库,旨在帮助开发者轻松创建兼容 Vue.js 2.x 和 3.x 的通用库。以下是关于 Vue Demi 配置的详细说明: 1. 基本概念和用途 基本概念:Vue Demi 通过解决 Vue 2 和 Vue 3 之间的版本差异性问题,使得组件或工具库能够在两个主要版本间无缝切换。 用途:它主要用于构建需要同时支持...
背景介绍接到了一个需求,在多个系统上添加同一个功能,这多个系统中包含了 Vue2 和 Vue3 ,为了多系统之间的复用,决定开发一个 Vue2 和 Vue3 都可以集成的插件 vue-demi 插件天生就是为了帮助完成这件事情的。gi…
前言本文是作者在开发 vue 插件过程中,苦苦寻求如何使用 script setup 语法 + vue3 语法 + sfc 组件形式编写通用组件,偶然间看到大佬 ChuHoMan 的 vue-demi-component-template 这个库(在此对大佬表示感谢),…
简介:写这个包的主要目的是为了使用vue-demi来写vue2和vue3的公用组件。简单说一下自己的开发感受吧。不没有想象中的那么顺利(可能是自己没有理解到位); 使用vue-demi 里面目前来说只能vue2和vue3选择一种来进行测试,如果你想在同一个项目中对vue2和vue3来切换测试,我没有做到,会有些问题。
这样,我们可以在Vue3项目中使用Vue 2的组件和库,无需进行大规模的重写。 # VueDemi的原理是什么? VueDemi的原理可以分为以下几步: 1.兼容Vue 2的API:VueDemi通过创建一组Vue 2的API,并使用Composition API来实现这些API的功能。 2.转换为Composition API:VueDemi将兼容Vue 2的API转换为Vue 3的Composition ...
{"scripts": {"test:2":"vue-demi-switch 2 vue2 && jest","test:3":"vue-demi-switch 3 && jest", },"devDependencies": {"vue":"^3.0.0","vue2":"npm:vue@2"}, } or {"scripts": {"test:2":"vue-demi-switch 2 && jest","test:3":"vue-demi-switch 3 vue3 && jest", },"...
分享一个vue库 https://github.com/vueuse/vue-demi 用来解决编写的代码在vue2和vue3之间的兼容问题 安装: npm i vue-demi 然后修改package.json,将vue和@vue/composition-api添加到peerDependencies中 {"dependencies": {"vue-demi": "latest"},"peerDependencies": {"@vue/composition-api": "^1.0.0-rc....