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

本文深入探讨vue3.0结合vben开源项目的应用,涵盖创建app实例、pinia状态管理、api与axios封装以及views和router配置。讲解了pinia与vuex的区别,api封装的步骤,并提供了views目录结构和router配置的指导。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前言

经过前边两篇文章的介绍,相信大家对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、v

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值