代號為One Piece 的Vue3.0 在9月19日凌晨正式釋出！！

此次vue3.0 為使用者提供了全新的 composition-api 以及更小的包大小，和更好的 TypeScript 支援。

釋出地址

Vue-next

Vue3.0 是當前非常流行的框架，Vue3.0更是醞釀了2年多的時間，經過2600多次commit，600多次PR，中間也釋出了很多beta版本。

終於在經過尤大神和社群的共同努力下，Vue3.0帶著全新的 composition-api 正式釋出了。

一起釋出的新特性還有：

Teleport 元件

Treeshaking的全新API

Vue3.0官方文件

也可以再線上體驗Vue3.0: codepen.io/yyx990803/p…

<template>
  <div id="app">
    <h1>{{message}}</h1>

    <p>
      Learn more with the
      <a
        href="https://v3.vuejs.org/"
        target="_blank"
        rel="noopener"
      >Vue Docs &amp; Resources</a>.
    </p>

    <button @click="doSomething">Say hello.</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: 'Welcome to Vue 3!'
    };
  },
  methods: {
    doSomething() {
      alert('Hello!');
    }
  }
};
</script>

<!-- Use preprocessors via the lang attribute! e.g. <style lang="scss"> -->
<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}

a,
button {
  color: #4fc08d;
}

button {
  background: none;
  border: solid 1px;
  border-radius: 2em;
  font: inherit;
  padding: 0.75em 2em;
}
</style>

有興趣也可以觀看尤大神在19號凌晨釋出的視訊

m.youtube.com/watch?v=Vp5…  

直播中尤大神也講訴了整個Vue3.0 的歷程，同時也介紹了一些新的特性。

另外，所有的官方生態庫和工具，例如vue-cli、vue-router、vuex、Vue-Test-utils、vue devtools、VSCode外掛Vetur，現在都支援Vue3，但大多數仍然處於beta狀態，並在NPM的"next"標籤目錄下發布。

官方計劃在2020年年底之前穩定所有專案並將其轉換為使用"latest"標籤。

官方釋出的推文

Vue 3.0 正式版

作者：shenjp1
連結：https://juejin.im/post/687398059747206