关于Vue、Vue-router、Vuex、Vue-cli版本

最新推荐文章于 2024-05-09 14:25:22 发布
最新推荐文章于 2024-05-09 14:25:22 发布
阅读量3.7k 收藏 28
点赞数 10
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40944062/article/details/113251690
版权

关于Vue、Vue-router、Vuex、Vue-cli版本

  • 瞎叨叨: 通过长时间的学习和搜索过程中发现, 好多人对Vue, Vuex,Veu-router, Vue-cli之间的版本有很多混淆, 看到标题是Vue3.x, 点进去, 发现还是new Vue({}), 其实, Vue3.x应该是createApp(App).
  • 还是稍微整理一下, 贴在下面:
vue-versionnameversion
Vue2.xVuex3.x
Vue2.xVue-router3.x
Vue2.xVue-cli3.x 4.x
Vue3.xVuex4.x
Vue3.xVue-router4.x
Vue3.xVuex-cli4.x
  • 如果不对, 望各位大神指出, 小弟及时改正!
  • 接下来, 会更新vue2.x和vue3.x的使用及原理的异同, 先挖个坑.
Mangooxx
关注
  • 10
    点赞
  • 踩
  • 28
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-router-vuex-示例：vue + vue-router + vuex
01-31
vue-router-vuex-示例 Vue + Vue路由器+ Vuex + Webpack入门项目 创建该存储库是为了演示一个简单的应用程序，该应用程序使用vue和vue-router-sync通过状态管理模式在整个应用程序中传递数据。 要求 要运行此程序，需要以下工具。 开发工具 ~6.2.2 〜NPM会自动安装 ~3.9.5 ~2.2.0 安装 安装节点 请访问-下载并安装最新的稳定版本。 这将自动安装npm 。 全局安装Webpack sudo npm install -g webpack 安装依赖 cd进入项目的根目录并运行此命令 $ npm install 编译 从根本上： $ npm build 运行项目 $ npm start 您的主浏览器将自动在localhost：8080打开
vue全家桶版本对应关系
weixin_45725778的博客
05-25 1992
vue2对应关系：2 ===>3 ===> 3 vue版本：^2.6.14 vue-router：“^3.5.2” vuex版本：3.x vue3对应关系： vue3 ===> vue-router4 ===> vuex4
Vue版本与VueRouter、Vuex版本的对应关系
最新发布
m0_74462339的博客
05-09 199
Vue2: VueRouter3.x Vuex3.xVue3: VueRouter4.x Vuex4.x
vue2 和vue3的区别 和vue-cli的关系
小耳朵晨晨
03-28 1881
安装vue-cli3.0 npm install @vue/cli -g vue-cli构建项目 vue init webpack demo // 2.0 vue create demo // 3.0 启动项目 npm run dev /// 2.0 npm run serve // 3.0 查看vue-cli版本 命令是：vue -V 例如此时我的vue版本 是@vue/cli 5.0.4 , 创建项目使用 ：vue create demo 后选择vue2 创建的就是v
Vue 在vue-cli3中安装vue-router4版本
Tongyao
07-29 419
在src下新建router文件夹，并创建index.js文件写入下面配置。并创建好相关文件，启动测试是否可用。
vue版本和vue-router的匹配关系
m0_62744746的博客
03-20 564
【代码】vue版本和vue-router的匹配关系。
Vuex使用
Bug制造者
09-23 518
VUEX 下载与使用
Vue2：状态管理 Vuex 3.x
孤安先生的博客，作者主站正在重构中，敬请期待！
11-17 755
一般只有组件之间共享的数据，才有必要存储到 vuex 中，对于组件的私有数据，依旧存储在组件自身的 data 中。
vuex-router-sync：轻松保持vue-router和vuex存储同步
02-06
用法# the latest version works only with vue-router >= 2.0npm install vuex-router-sync# for usage with vue-router < 2.0:npm install vuex-router-sync@2 import { sync } from 'vuex-router-sync'import ...
Vue-Vue-Router-Vuex-SSR:Vue核心技术 Vue+Vue-Router+Vuex+SSR实战精讲
05-16
Vue-Vue-Router-Vuex-SSRVue核心技术 Vue+Vue-Router+Vuex+SSR实战精讲
vue-router-next：Vue 3官方路由器
02-06
vue-router-next 这是Vue路由器4的存储库（适用于Vue 3）支持Vue路由器Vue Router是Vue生态系统的一部分，是MIT许可的开放源代码项目，其持续的开发完全依靠赞助者的支持而得以实现。 如果您想成为赞助商，请考虑：...
基于vue,vue-router, vuex及addRoutes进行权限控制问题
12-10
在基于Vue、Vue-Router和Vuex的项目中，实现权限控制是一个常见的需求。这个教程主要涉及以下几个核心概念和技术： 1. **Token管理**：在用户登录后，服务器通常会返回一个Token，这个Token用于验证用户的身份。在...
不同版本vue-cli区别 详解
林夏天的博客
04-19 6626
目录 vue-cli 命令 项目结构 设置环境变量 （一）vue-cli 命令 1. vue-cli下载安装： vue-cli2: npm install vue-cli -g vue-cli3/cli4: npm install -g vue@cli 2. 创建新项目 vue-cli2: vue init webpack 2.0project vue-cli3...
vue版本与vuex版本之间的对应关系
weixin_47389477的博客
09-05 1153
vue细节的处理
手把手学习Vue3.0：Vue3.0跟Vuex、Router、Axios等组件的版本对照大全
帅哥趣谈
03-16 2104
背景 因为要做全栈，我本身又是后端出身，前端的知识还停留在十几年前的水平。着手学习Vue的时候，Vue3.x版本已经发布可惜还是不是release版本，网上的很多例子都是基于Vue2.x版本，出了不少错误，没少耗时。现在我基本上都学习一遍了，现在把我用的组件版本整理如下。如果你也在学习Vue3.x，当你读到我的文章的时候，希望能够给你带来帮助，少走弯路。 组件介绍 做一个前端项目只有vue3.x还不行，我前面的文章也介绍了如何开启一个vue3.x的项目，大家可以去学习。 我用的组件分别是：这些组
vue和vuex版本对应问题
weixin_48271592的博客
05-13 8422
项目场景： 使用vuex实现全局数据管理 问题描述 vuex项目中store挂载失败 报错截图： 原因分析： 下载安装包下载了最新版本（vuex4版本）。 最新版本： npm# npm install vuex@next --save Yarn# yarn add vuex@next --save 错误版本截图： 版本要求: 在vue2中，要用vuex的3版本 npm# npm install vuex@3 --save Yarn# yarn add vuex@3 --save 在vue3中，要用v
Vue2.x - Vuex
伏城之外的博客
06-11 1874
Vuex学习总结
vue中router对应的vue版本说明
intrwins的专栏
06-21 6450
使用vue2安装对应的router3版本 使用vue3安装对应的router4版本
适配4.5.13版本的vue-cli的vue-router
06-06
在Vue CLI 4.5.13版本中默认安装的是Vue Router 4.x版本，如果需要使用Vue Router 3.x版本进行适配，可以按照以下步骤操作： 1. 创建Vue项目： 使用Vue CLI创建项目，选择手动安装特性，并且不选择Vue Router插件。 ``` vue create my-project ``` 2. 安装Vue Router 3.x版本： 在项目根目录下安装Vue Router 3.x版本。 使用npm： ``` npm install vue-router@^3.0.0 ``` 使用yarn： ``` yarn add vue-router@^3.0.0 ``` 3. 配置Vue Router： 在src目录下创建router目录，并且创建index.js文件。 ```javascript import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) const routes = [ // 路由配置 ] const router = new VueRouter({ routes // 简写，相当于routes: routes }) export default router ``` 然后在main.js文件中引入和挂载router。 ```javascript import Vue from 'vue' import App from './App.vue' import router from './router' Vue.config.productionTip = false new Vue({ router, render: h => h(App), }).$mount('#app') ``` 这样，就可以使用Vue Router 3.x版本进行开发。需要注意的是，Vue Router 3.x版本和4.x版本在某些API上有所差别，需要根据官方文档进行相应的调整。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值