5

我目前正在使用 vuejs 2 和 vuetify 2 开发企业应用程序的 Web 前端。计划在发布后迁移到 Vuejs 3。

现在是否应该避免任何编码模式以便将来轻松迁移到 vuejs 3?

Vue 3 发布路线图的 github 说:

高级 API 尽可能接近 2.x。仅在必要时进行重大更改,并将通过 RFC 流程进行沟通。(https://github.com/vuejs/roadmap

4

4 回答 4

5

现在是否应该避免任何编码模式以便将来轻松迁移到 vuejs 3?

是的。应避免使用基于类的组件。它们不会被标记为过时,但无法将组合 API 与它们一起使用。类组件不再是 Vue 的未来。

关于这个主题:

于 2019-10-24T15:40:41.200 回答
1

根据我在 RFC 中阅读的内容和 Vue Mastery 中的一些视频(https://www.vuemastery.com/courses/vue-3-essentials/why-the-composition-api),不会有重大更改,他们只是添加新功能而不是删除旧功能。

可能我不会完全采用 Typescript 或严重依赖 Vue Mixins,因为 Vue3 的组合 API 会改进这两个特性。

于 2019-10-14T03:03:57.300 回答
1

组合 API 似乎是主要的新功能之一。

组合 API 是一组附加的、基于函数的 API,允许灵活组合组件逻辑。

详见此处: https ://vue-composition-api-rfc.netlify.com/

示例代码

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

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

export default {
  setup() {
    const count = ref(0)
    const double = computed(() => count * 2)

    function increment() {
      count++
    }

    return {
      count,
      double,
      increment
    }
  }
}
</script>
于 2019-10-16T20:21:38.100 回答
1

您可以从此处查看已删除的内容、当前正在开发的内容以及路线图中接受的内容:

首先你应该知道类组件正在被删除: https ://github.com/vuejs/rfcs/pull/17#issuecomment-494242121 (这在基于 vuejs v3.0 中的类组件的 vuejs 项目将会发生的事情中得到很好的回答?但它会在 vue3 中工作)。

这是 vuejs 路线图,对于观察其未来的实现非常有帮助: https ://github.com/vuejs/vue/projects/6

在此处输入图像描述

这是将 vue2.x 选项转换为 vue3.x 之类的实际问答(实际上使用 vue-composition api)

Convert Vuejs Typescript Options to Composition Api 中的奇怪问题

它基于 https://vue-composition-api-rfc.netlify.com/api.html和这个免费视频(感谢 maximilian)” https://www.youtube.com/watch?v=V-xK3sbc7xI " 如果您想将 vue2 迁移到 vue3,将对您有所帮助。

于 2020-02-01T04:42:44.067 回答