废话不多说了，直接进入主题吧；vue3.0已经发布，虽然还未使用，但是那是迟早的事，不过也不用太过惊慌，毕竟会有一个过渡期的，需要根据项目的具体情况来看吧，不是说最新的东西一定是好的，保证业务的稳定的同时新技术能实现性能的提升，都会有一个逐步代替的过程；要是新项目的话，可以尝鲜试试。
凡事呢，一步步来，接下来我们从搭建项目开始，配置环境，直到运行项目：
首先使用vite来创建一个Vue3.0项目配置项目路由vue-router配置状态管理器vuex最后上实践，来用Vue3.0做一个简单的TodoList示例使用vite初始化项目
what?什么是vite,这是尤大神在今年新鼓捣出来的东西，官网的解释就是这是一个原生支持ES模块的开发构建工具，基于webpack的构建过程缓慢，因此vite腾空出世，当然可以选择试试。
npm init vite-app app-name
运行之后，会自动生成项目模板，提示我们安装依赖：
简单的就不浪费时间了，只是注意安装依赖有时候会失败，可以镜像国内仓库；
短暂的等待之后，项目基本依来就好了，目录如下：
当然也可以跑起来了，但是为了增强项目，我们需要额外配置。
配置vue-router
项目路由，链接页面的助手，配置也简单，但是由于目前还不是正式版本，因此我们需要指定版本安装：npm add vue-router
来个小栗子
基本使用都是一样的，有些不同点，聊一聊新鲜的setup：
setup这个是Vue3.0提供给开发者的一个新属性，我们可以在在setup中我们可以通过reactive来初始化了一个响应式数据，当然最后要通过return来返回了一个对象，这个对象中有声明的响应式数据或者方法，这些数据就可以直接使用到了template中。
