廢話不多說了，直接進入主題吧；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中。