vue2.x项目升级到2.7

背景

• 老代码库了，但是升级到v3的话成本比较大，准备先升级到2.7，用上compositon-api，后续再引入ts，慢慢改过来。

改动点

// package.json
{
  ...
  "vue": "^2.7.0",
  ...
  "vue-template-compiler": "^2.6.10", // 移除掉，用不上了
  "vue-loader": "^15.10.0", // 官方文档说是要加
  "vue-demi": "^0.13.1", // 官方文档说要加的，没加好像也没影响
  "eslint-plugin-vue": "^9.0.0", // 大于9才能支持script setup写法
  ...
}

vuex的改造

// 之前都是mapState、mapAction来用，现在可以换成下面这样
import store from '@/stores/index';

const info = computed(() => store.state.info);
const setInfo = () => store.dispatch('setInfo'); // mutation就是commit('setInfo'); action就是dispatch('setInfo');

小结

• 目前就这样重新装一下包就能跑起来了，也能正常使用2.7的hooks写法了。