Today I watched the Vueconf conference, and I would like to share with you the vuE3 ecology of Utah University at the first time. The official PPT is not available yet, so we will see.

data

NPM download growth for DevTools and Vue3 is up 43%, and NPM downloads up 51%.

You can see the momentum of growth.

Ecological progress

  • Vue – router4 has stabilized

  • Vuex4 has stable

  • Component library: Quarsar, Element-Plus, Ant Design Vue, etc. I forgot the other two. Only ANTDV is the official version, and the rest are in beta.

Development experience

  • Build tools: No suspense, especially strong recommendation vite

    • Vite: introduces the features, plug-in mechanism, and SSR progress

      As for the relationship between vue- CLI and Vite, it exists temporarily and will be promoted mainly in the future.

      Push a VitePress, mainly development experience is good, have a blog needs of friends can try.

  • Development experience improvement

    • Improve SFC writing experience: Mainly two RFC, namely setup Script and CSS style injection

    • Setup Script: To simplify the experience of using the Composition API in SFC, the final version has removed the ref Sugar, which was previously controversial.

      • Utah demonstrates how the Setup script can help simplify component writing:

        <template>
	<p>{{counter}}</p>
  <Comp></Comp>
</template>
<script setup>
	import Comp from './Comp.vue'
  import {ref} from 'vue'
  const counter = ref(0)
</script>
Copy the code

      • I recommend an experience page: Vue SFC Playground

    • Style dynamic variable Injection: Use reactive data in the style tag, nice

  • Devtools: supports both versions, UI optimization and performance debugging, which will be useful when vuex supports it.

  • Better IDE/TS support: Volar would be a very useful tool to provide the same TSX experience as code hints in templates, finally waiting for you!

  • Vetur replacement

Compatibility correlation

  • IE11 was completely abandoned by VUE3

    Vite +vue3 default modern mode, that is, output target ES6+, native ES modules; You can, of course, export traditional packages through plug-ins.

  • Vue3 migration: this is a puppet version, which will be part of the vue3.1 code, wearing a Vue3 shell, is actually the vue2 kernel, can be understood as Vue3 encoding way to write vue2!

    Vue3.2: The next minor release, mainly finalizing SFC features like Script Setup, Suspense components/Async Setup, performance, SSR, etc

  • Vue2.7: Vue2 version of the built-in Composition API

    The vue3 migration is vue2.7?

  • Vue3 will be the default: VUe2 will be a thing of the past in Q2 2021, with V3 installed by default