01_初始化vue3.0项目

使用脚手架创建

vue create xxx

然后根据提示选择配置 vue3+typescript

使用vite创建

vite是一个由原生ESM驱动的web开发构建工具。在开发环境下，基于浏览器原生ES imports 开发

他做到了本地快速开发启动，在生产环境下，基于Rollup进行打包

• 快速的冷启动，不需要等待打包操作;
• 即时的热模块更新，替换性能和模块数量的解耦让更新飞起;
• 真正的按需编译，不再等待整个应用编译完成，这是一个巨大的改变。

npm init vite-app xxx
cd xxx
npm install
npm run dev

内容先知

经过了漫长的迭代，Vue3.0终于在上2020-09-18发布了，带了翻天覆地的变化，使用了Typescript 进行了大规模的重构，带来了Composition API RFC版本，类似React Hook 一样的写Vue，可以自定义自己的hooks ，让使用者更加的灵活，接下来总结一下vue 3.0 带来的部分新特性。

• setup()
• ref()
• reactive()、shallowReactive()
• isRef()
• toRefs()
• readonly()、isReadonly()、shallowReadonly()
• computed()
• watch()
• LifeCycle Hooks(新的生命周期)
• Template refs
• globalProperties
• Suspense
• Provide/Inject