vue3 尝鲜

vue3 已经是beta版本了，估计很快就会发正式版了，小伙伴们可能已经迫不及待的要进行尝鲜了。那么如何搭建vue3尝鲜环境，体验vue3的新特性呢。在官网找到了vue-cli-plugin-vue-next 插件，可使vue-cli（要求4.2.3版本以上）支持创建vue3开发环境。具体步骤如下：

1、用vue-cli创建项目，确保vue-cli 版本在4.2.3以上

vue create vue3-test

2、进入项目，安装vue-cli-plugin-vue-next插件

cd vue3-test
vue add vue-next

3、启动项目

npm run serve

这时候，我们会看到main.js变成vue3的写法了

4、修改App.vue , 写点vue3 代码测试一下。

<template>
  <div id="app">
    {{state.count}}
  </div>
</template>

<script>
import { createApp, reactive } from 'vue';

// 声明组件 
const App = { 
  setup() { 
    const state = reactive({ count: 0 }) 
    return { state } 
  }
}

export default App;
</script>

5、访问localhost:8080 应该可以看到界面正常显示了，你可以开始你的vue3体验之旅了。