vue3.0结合vben开源项目的开发思路

前言

经过前边两篇文章的介绍，相信大家对vue3.0和ts已经有了基本的了解，接下来文章内容将从以下几个方面结合vben实例开源项目进行详细介绍和总结：

1、app如何创建实例

2、vuex（pinia)如何进行使用

3、api+axios封装思路+store

4、views+router

1、vue3.0中的app实例创建

由于 use 全局 API 在 Vue 3 中已无法使用，因此此方法将无法正常工作，并且调用 Vue.use() 现在将触发一个警告。取而代之的是，开发者必须在应用实例上显式指定使用此插件：

使用 createApp(/* options */) 初始化后，应用实例 app 可通过 app.mount(domTarget) 挂载根组件实例：

以下是vben项目中使用的具体实例：

 具体的creartapp做了那些事情可以参考以下文章内容进行了解学习 

 Vue 3 源码学习之路-01-源码结构&createApp - 掘金

2、vuex和pinia的区别和使用

vuex和pinia都是状态管理库，只不过Pinia是一个全新的Vue状态管理库，是Vuex的代替者，有以下几个特点：

• Vue2 和 Vue3 都能支持
• 抛弃传统的 Mutation ，只有 state, getter 和 action ，简化状态管理库
• 不需要嵌套模块，符合 Vue3 的 Composition api，让代码扁平化
• TypeScript支持
• 代码简介&#