Skip to content

code-elf/vue-next

 
 

Repository files navigation

vue-next beta CircleCI

This is the repository for Vue 3.0.

Quickstart

  • Via CDN: <script src="https://unpkg.com/vue@next"></script>

  • In-browser playground on Codepen

  • Scaffold via Vite:

    npm init vite-app hello-vue3 # OR yarn create vite-app hello-vue3
  • Scaffold via vue-cli:

    npm install -g @vue/cli # OR yarn global add @vue/cli
    vue create hello-vue3
    # select vue 3 preset

Changes from Vue 2

Please consult the Migration Guide.

  • Note: IE11 support is still pending.

Supporting Libraries

All of our official libraries and tools now support Vue 3, but most of them are still in beta status and distributed under the next dist tag on NPM. We are planning to stabilize and switch all projects to use the latest dist tag by end of 2020.

Vue CLI

As of v4.5.0, vue-cli now provides built-in option to choose Vue 3 preset when creating a new project. You can upgrade vue-cli and run vue create to create a Vue 3 project today.

Vue Router

Vue Router 4.0 provides Vue 3 support and has a number of breaking changes of its own. Check out its Migration Guide for full details.

Vuex

Vuex 4.0 provides Vue 3 support with largely the same API as 3.x. The only breaking change is how the plugin is installed.

Devtools Extension

We are working on a new version of the Devtools with a new UI and refactored internals to support multiple Vue versions. The new version is currently in beta and only supports Vue 3 (for now). Vuex and Router integration is also work in progress.

IDE Support

It is recommended to use VSCode with our official extension Vetur, which provides comprehensive IDE support for Vue 3.

Other Projects

Project NPM Repo
@vue/babel-plugin-jsx rc [Github]
eslint-plugin-vue stable [Github]
@vue/test-utils beta [Github]
vue-class-component beta [Github]
vue-loader beta [Github]
rollup-plugin-vue beta [Github]

About

Repo for Vue 3.0

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 96.8%
  • HTML 1.9%
  • JavaScript 1.2%
  • CSS 0.1%