问： angular 切 vue 的一些选型问题

[anonymous2351d00]

前提

• 1. 组件库 ant design 可以 使用 vant 替换
• 1. rxjs Http 可以使用 axios 替换
• 1. angular 自带的打包 可以使用 vite 替换

问

• 1. 状态管理用什么？
• 1. angular 自己写的 cli 脚手架 vue 如何实现？

[anonymous2351d00]

状态管理想用 一个 轻量 又 好用，简单一点的

[anonymous2351d00]

cli 就是 拉下包来 node 环境去运行然后通过模板和一些选项自动生成项目的那个东西

[heishu]

打包的话 vite 和 webpack 都可以；
1. 状态管理，vue2 用 vuex ，vue3 用 pinia
2. cli 没自己实现过，但是是可以实现的；不过现在生成 vue 项目时的哪些选项还不能满足你吗？

[christin]

vue 的状态管理没几个 想选也没有

[anonymous2351d00]

@heishu 嗯，需要以 npm 包的形式定制一下菜单，路由守卫，等一些常用的服务：用户啊，token 啊，权限啊，之类的，需要集中管理，创建项目直接可用，后续我这里更新了 npm 包他们升级一下就好的那种


@christin 好的大佬，我去搜一搜

[gouflv]

vue3 的话，composition api 配合 provide 就能解决大部分数据管理和共享

[sjhhjx0122]

状态管理的话，让 ref 声明在 vue 外就是简单的状态管理了，不喜欢的话可以跟 ng 的 service 一样用 vue 的依赖注入，虽然不如 ng ，但是总归能用，ng 的脚手架就没法代替了，那么多命令只能自己实现一下？不过为什么要从 ng 转到 vue 呢

[charlie21]

一个由 ref 声明的变量因为它是响应式的所以它就相当于一个 observable ，它可以直接从一个 js 文件导出，这就相当于是一个与视图层解耦的服务，可以被任何一个组件消费并共享状态

https://vuejs.org/guide/scaling-up/state-management.html#simple-state-management-with-reactivity-api

[anonymous2351d00]

@charlie21
@sjhhjx0122

有这两种够了,妥妥够用了,感觉好像 react dispatch action->state->view

[anonymous2351d00]

@sjhhjx0122 自动生成项目的 cli ，想着用 nodejs 搭配一个类似 freeemarker 的模板引擎，有推荐吗大佬？

[anonymous2351d00]

@heishu 感谢，pinia 好用，就是有一个问题，假设我直接 store.user.name = 'heishu' 不适用 store.setUser({name:'heishu'}) 会发生什么问题？

[heishu]

@anonymous2351d00 可以看看 pinia 的简单例子使用方法，https://pinia.vuejs.org/introduction.html#basic-example