element-plus/assets/en-US_guide_migration.md.c161001d.js
2022-06-04 15:15:12 +00:00

2 lines
2.4 KiB
JavaScript

import{_ as e,c as t,o as a,e as o}from"./app.d323121f.js";const r=o('<h1 id="migration" tabindex="-1" data-v-229e0032>Migration <a class="header-anchor" href="#migration" aria-hidden="true" data-v-229e0032>#</a></h1><p data-v-229e0032><a href="https://github.com/element-plus/element-plus/discussions/5658" target="_blank" rel="noopener noreferrer" data-v-229e0032>This guide</a> will help you upgrade from Element 2.x to Element Plus.</p><h2 id="vue-3-migration-build" tabindex="-1" data-v-229e0032>Vue 3 migration build <a class="header-anchor" href="#vue-3-migration-build" aria-hidden="true" data-v-229e0032>#</a></h2><p data-v-229e0032>You may encounter some issues when using Element Plus with Vue 3 migration build. Some of the components rely on Vue 3 internal API&#39;s. It&#39;s worth trying to adjust compatConfig mode to 3, either globally or <a href="https://v3.vuejs.org/guide/migration/migration-build.html#per-component-config" target="_blank" rel="noopener noreferrer" data-v-229e0032>per component in your project</a>.</p><h2 id="migration-tool" tabindex="-1" data-v-229e0032>Migration Tool \u{1F6E0}\uFE0F <a class="header-anchor" href="#migration-tool" aria-hidden="true" data-v-229e0032>#</a></h2><p data-v-229e0032>We have made a migration tool for you to migrate your project from <a href="https://element.eleme.io" target="_blank" rel="noopener noreferrer" data-v-229e0032>Element UI</a> to Element Plus. You can find the <a href="https://github.com/thx/gogocode/tree/main/packages/gogocode-plugin-element" target="_blank" rel="noopener noreferrer" data-v-229e0032>gogo code migration tool</a> here.</p><p data-v-229e0032>We have tested this on <a href="https://github.com/PanJiaChen/vue-element-admin" target="_blank" rel="noopener noreferrer" data-v-229e0032>Vue Element Admin</a> (Vue 2 + Element UI). You can find the transpiled code <a href="https://github.com/gogocodeio/vue-element-admin" target="_blank" rel="noopener noreferrer" data-v-229e0032>here</a>.</p>',7),n=[r],u='{"title":"Migration","description":"","frontmatter":{"title":"Migration","lang":"en-US"},"headers":[{"level":2,"title":"Vue 3 migration build","slug":"vue-3-migration-build"},{"level":2,"title":"Migration Tool \u{1F6E0}\uFE0F","slug":"migration-tool"}],"relativePath":"en-US/guide/migration.md","lastUpdated":1654354655000}',i={},l=Object.assign(i,{setup(d){return(s,g)=>(a(),t("div",null,n))}});var h=e(l,[["__scopeId","data-v-229e0032"]]);export{u as __pageData,h as default};