Shulou(Shulou.com)06/03 Report--

This article mainly shows you "when vuejs3 was released", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "when vuejs3 was released" this article.

On September 18, 2020, Vue.js3.0 was officially released; the vue3.0 version is completely different from other versions in that it minimizes the number of developer configuration tools, adds many rich built-in features, and comes with a complete GUI for creating and managing projects.

The operating environment of this tutorial: windows7 system, vue3 version, DELL G3 computer.

On September 18, 2020, Vue.js 3.0 was officially released.

Course:

Version 3.0 represents more than 2 years of development work.

With more than 30 RFC

More than 2600 submissions

From 99 contributors

628 pull requests

A lot of development and documentation work

Performance optimization:

Routing lazy loading

Keep-alive cache page

Reuse DOM with v-show

V-for traversal to avoid using v-if at the same time

Long list performance optimization

Destruction of events

Picture lazy load

Third-party plug-ins are introduced on demand

Stateless components are marked as functional components

Sub-component segmentation

Variable localization

SSR

Vue 3.2 has also been released!

You Yuxi, founder of the Vue framework, announced version 3.2 of Vue on his official blog and commented on his personal social account:

Let's take a look at the long-awaited new features in the new version.

Vue 3.2 includes many important new features and performance improvements, and shortly after the release of the new version, a Vue 3.2.1 update was added to the official CHANGELOG, with only one bug fix.

Two new members of SFC have become regular members smoothly.

The two new features of the single file component (SFCs,aka .vue files) have successfully graduated from the experimental state to a stable state, they are:

The new compilation syntax sugar, in short, script setup is equivalent to running the code in the setup function at compile run time, and then defining the exported variable into the context and including it in the returned object

V-bind: that is, some CSS inline styles can be bound to the SFC tag.

The following is a case component that uses these two functional codes together:

Import {ref} from 'vue'const color = ref (' red') Color is: {{color}} button {color: v-bind (color);}

Interested students can try it in SFC Playground or read the official documentation:

Https://v3.vuejs.org/api/sfc-script-setup.html

Https://v3.vuejs.org/api/sfc-style.html#state-driven-dynamic-css

In addition, Vue officially built a new RFC based on the compiler to improve the ref experience and experience feedback address: https://github.com/vuejs/rfcs/discussions/369

Web component

Vue 3.2 introduces a new defineCustomElement method that allows you to easily create native custom elements using the Vue component API:

Import {defineCustomElement} from 'vue'const MyVueElement = defineCustomElement ({/ / normal Vue component options here}) / / Register the custom element.// After registration, all ``tags// on the page will be upgraded.customElements.define (' my-vue-element', MyVueElement)

The API allows developers to create Vue-driven UI component libraries that can be used alone or in conjunction with other frameworks. For more information on how to use them, please refer to the official document: https://v3.vuejs.org/guide/web-components.html

Performance improvement

Major optimization of the reaction system, thanks to the excellent performance of @ basvanmeurs

More efficient ref implementation (about 260% read speed / about 50% write speed)

About 40% faster dependence on tracking

Memory usage reduced by about 17%

Template compiler improvements:

The speed of creating a common element VNode is increased by about 200%.

More aggressive continuous hoisting

Finally, this version also provides a new v-memo instruction that implements part of the memory template tree function, which allows Vue to skip not only the new VNode creation steps but also virtual DOM differences. Although there are not many places to use, you can squeeze maximum performance under special circumstances, such as dealing with large v-for lists.

With simple single-line additions, v-meno makes Vue the fastest mainstream framework in js-framework-benchmark:

Vue official blog server rendering

This version of the @ vue/server-renderer package provides an ES module build that can be decoupled from the Node.js built-in module. This allows @ vue/server-renderer to be bundled and used in non-Node.js runtimes (such as CloudFlare Workers or Service Workers).

At the same time, this version also improves streaming rendering API, which provides a new method for Web Streams API rendering. Check the @ vue/server-renderer document for more details: https://github.com/vuejs/vue-next/tree/master/packages/server-renderer#streaming-api

Effect Scope API

Vue 3.2also introduces a new Effect Scope API that can be used to directly control the processing time of reactive effects (calculations and observers). It makes it easier to use Vue responsive API outside the context of the component and unlocks some advanced use cases within the component.

This is a low-level API for library authors. Interested students can check the official RFC for more detailed internal principles and cases.

The above is all the contents of the article "when was vuejs3 released?" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.