vite2.0搭建Vue3移动端项目
用了 Vue3 大半年,项目一直是 vue-cli 基于 webpack 搭的。刚好有个移动端需求,改用 vite 版 Vue3,这里把脚手架、路由、Vuex、Vant3、rem 适配、axios 和代理的过程记下来。 vite + ts + vue3 一行命令就能起项目;Vant 3 内部是 ES…
用了 Vue3 大半年,项目一直是 vue-cli 基于 webpack 搭的。刚好有个移动端需求,改用 vite 版 Vue3,这里把脚手架、路由、Vuex、Vant3、rem 适配、axios 和代理的过程记下来。 vite + ts + vue3 一行命令就能起项目;Vant 3 内部是 ES…
Vue2 搭配的是 vue-router@3.x 和 vuex@3.x,Vue3 则换成 vue-router@4.x 和 vuex@4.x。版本号都是 4.x,不要和 Vue 3.x 混为一谈。本文是全家桶系列第 3 篇,对照写法看迁移点。 为方便叙述,文中用 vue2.x router、vue3…
本篇是 Vue3 全家桶系列第 2 篇,对照 2.x 讲 vue3.0 新特性:createApp、页面与路由、Composition API(reactive / ref / readonly / computed / watch)、生命周期、Fragment、Teleport、Suspense。…
Vue 3.0 当时已进入 Release Candidate:API 基本冻结,只修 bug,没有大问题就不会再改功能。 本篇是全家桶入门的第 1/4,只做一件事:用最新 vue-cli 快速搭好 Vue 3 项目。正式版之后这些步骤仍然通用,截图对应 2020 年的 CLI 界面。 为了照顾 2…
本文是 Vue3.0 系列的第二篇:从零搭一套基于 Vue3.0 与 vite 的开发环境。学完可以完成初始化项目、配置 TypeScript、接入 vue-router 和 vuex,并用 Composition API 写一个 TodoList。 vite 在开发期走浏览器原生 ES Modul…
VUE 3.0 学习探索入门系列计划用一个月把 Vue 3 摸一遍(当时也预期快 Release 了)。从 2019 年尤雨溪在会上反复讲 3.0 特性,到写稿时的 2020.3.21,等了一年多还没正式发布,热情容易耗尽。 写这组系列,是想趁还剩一点兴趣,快速、全面地看一眼 Vue 3.x。等完全…