针对学会vue2.0的同学
defineAsyncComponent
创建方法$slots
destroyed
生命周期的选项已更名为unmounted
beforeDestroy
生命周期的选项已更名为beforeUnmount
优点:
缺点:
同时也是能力提升的机会吧,特别喜欢Vue作者的而设计初心:让开发者随着框架一起成长
现在来说,体验Vue3.0有四种姿势 传送门
通过CDN:<script target="_blank" src="https://img.cdn.apipost.cn/mp/4cf344e6ee66609c.webp"></script>
通过 Codepen 的浏览器 playground
脚手架 Vite:
npm init vite-app hello-vue3 # OR yarn create vite-app hello-vue3
复制代码
尤大开发的新工具vite,下一代前端开发与构建工具,原来是利用浏览器现在已经支持ES6的import;遇到import会发送一个http请求去加载对应的文件,vite拦截这些请求,做预编译,就省去了webpack冗长的打包事件,提升开发体验。
脚手架 vue-cli
npm install -g @vue/cli # OR yarn global add @vue/cli
vue create hello-vue3
# select vue 3 preset