Лучшие практики для легкой миграции с VueJS2 на VueJS3? - PullRequest
2 голосов
/ 13 октября 2019

В настоящее время я разрабатываю веб-интерфейс корпоративного приложения с vuejs 2 и vuetify 2. Планируется перейти на Vuejs 3 после выпуска.

Есть ли какой-либо шаблон кодирования, который следует избегать сейчас для любой простой будущей миграции на vuejs 3?

Github для дорожной карты выпуска Vue 3 говорит:

API высокого уровня остается максимально приближенным к 2.x. Разрывные изменения вносятся только в случае необходимости и будут переданы через процесс RFC. (https://github.com/vuejs/roadmap)

Ответы [ 3 ]

1 голос
/ 16 октября 2019

Композиция API, кажется, является одной из основных новых функций.

Composition API - это набор аддитивных, основанных на функциях API, которые обеспечивают гибкую композицию логики компонентов.

Подробнее см. Здесь: https://vue-composition-api-rfc.netlify.com/

пример кода

<template>
  <button @click="increment">
    Count is: {{ state.count }}, double is: {{ state.double }}
  </button>
</template>

<script>
import { reactive, computed } from 'vue'

export default {
  setup() {
    const state = reactive({
      count: 0,
      double: computed(() => state.count * 2)
    })

    function increment() {
      state.count++
    }

    return {
      state,
      increment
    }
  }
}
</script>
0 голосов
/ 24 октября 2019

Есть ли какой-либо шаблон кодирования, которого следует избегать сейчас для любой простой будущей миграции на vuejs 3?

Да. Компоненты на основе классов следует избегать. Они не будут помечены как устаревшие, но с ними невозможно будет использовать API композиции. Компоненты класса больше не являются будущим Vue.

По этому вопросу:

0 голосов
/ 14 октября 2019

Из того, что я прочитал в RFC и нескольких видео в Vue Mastery (https://www.vuemastery.com/courses/vue-3-essentials/why-the-composition-api),, не будет серьезных изменений, они просто добавляют новые функции, а не удаляют старые.

Вероятно, я бы не стал полностью использовать Typescript или сильно полагаться на Vue Mixins, потому что API композиции Vue3 улучшит обе функции.

...