随着 Vue3
版本发布日渐成熟,Vue-Router
和 Vuex
从几个月的前的 Beta
版本迎来最近的正式版,再加上明年公司产品升级需要,最近开始尝试自己编写一套管理系统。虽然看起来和 Vue2
最火热的花衩裤的管理系统差不多,主要公司前端的管理系统都用到 vue-element-admin 模板,考虑平滑过渡升级,所以我在 Vue3
制作的模板保留以前的风格,使用起来完全没有陌生感。
Vue3
对比 Vue2
看起来改动并不是很大,至少兼容 Vue2
的写法,除了底层使用 Proxy
方法来驱动数据响应之外,还对 TypeScript
(下列简称 TS)支持更好,关于 TS 我有几点想法:我对 TS 态度并不怎么拥护 ,所以在编写 Vue3 模板并没有使用上 TS 语法。之前体验上手之后觉得 TS 的缺点大于优点,虽然使用 TS 可以大大提高项目的健壮性以及可维护性:
在 Vue3 主要推荐是组合式 Api
编写组件,如果你对该模式不熟悉也可以用 Vue2 的方式编写项目。虽然官方文档没有说到推荐哪种方式编写,但个人体验一段时间后发现还是使用 Composition Api
更好,因为可以提高代码的复用性,虽然 Vue2
的 mixins
也能做到复用性,但因为他是直接引入会导致复用代码块污染,导致其他页面出现因为变量污染一些问题,然而 Composition Api
很好解决这些问题。甚至利用 Composition Api 写出的代码对比以前更加灵活,几乎没有什么限制。