个人简介>📦个人主页：是Lay的主页>🏆学习方向：JAVA后端开发 >📣种一棵树最好的时间是十年前，其次是现在！>⏰往期文章：【Java基础】面向对象进阶(二)>🧡喜欢的话麻烦点点关注喔，你们的支持是我的最大动力。目录 前言:1.安装1.1npm安装1.2vue-cli安装2.初始化项目 2.1 vueinit命令讲解 2.2项目初始化3.运行项目4.成功页面5.项目结构5.1总体框架5.2配置目录文件详解5.3 src项目核心文件讲解6.VUE-ROUTER 6.1快速入门 6.2页面跳转6.3 子路由-路由嵌套6.4 路由传递参数6.5 命名路由-命名视图-重定向-别名 前言:
个人简介>📦个人主页：是Lay的主页>🏆学习方向：JAVA后端开发 >📣种一棵树最好的时间是十年前，其次是现在！>⏰往期文章：【Java基础】面向对象进阶(二)>🧡喜欢的话麻烦点点关注喔，你们的支持是我的最大动力。目录 前言:1.安装1.1npm安装1.2vue-cli安装2.初始化项目 2.1 vueinit命令讲解 2.2项目初始化3.运行项目4.成功页面5.项目结构5.1总体框架5.2配置目录文件详解5.3 src项目核心文件讲解6.VUE-ROUTER 6.1快速入门 6.2页面跳转6.3 子路由-路由嵌套6.4 路由传递参数6.5 命名路由-命名视图-重定向-别名 前言:
vue页面动态添加路由，但加载页面会报警告：[vue-router]Duplicatenamedroutesdefinition:{name:"xxx",path:"xxx"}这个问题解释为：路由命名重复网上有一些大神剔除原有路由的做法：1、古墩古墩2、白日有梦但写在permission和router里我总有新错误加上我不太会写路由的全局函数orz所以提供一个我的解决思路：1、你先看下报错里都有哪些页面（比如我上面的pic2、再看下自己得到的路由数据是什么样的（在注入路由函数里添加console3、把重复名称项的name改成‘’在注入路由之前进行名称改造：letacc=accessRoutes
vue页面动态添加路由，但加载页面会报警告：[vue-router]Duplicatenamedroutesdefinition:{name:"xxx",path:"xxx"}这个问题解释为：路由命名重复网上有一些大神剔除原有路由的做法：1、古墩古墩2、白日有梦但写在permission和router里我总有新错误加上我不太会写路由的全局函数orz所以提供一个我的解决思路：1、你先看下报错里都有哪些页面（比如我上面的pic2、再看下自己得到的路由数据是什么样的（在注入路由函数里添加console3、把重复名称项的name改成‘’在注入路由之前进行名称改造：letacc=accessRoutes
的含义：：路由容器Vue路由中的是用来承载当前级别下的子级路由的一个视图标签；此标签的作用就是显示当前路由级别下一级的页面。的作用：就比如说App.vue是根组件，在它的标签里使用，而且配置好路由的情况下，就能在浏览器上显示子组件的效果；子组件要想在页面中显示出来，一定要留好容器，不然显示不出来；如果这个子组件路由还有孩子路由，那也需要在子组件的标签里使用，这样就能在页面上显示子组件的孩子组件的效果；注意：一定要使用这个，不然页面效果就出不来路由容器外面可以包着标签：参考文章：路由标签之router-view理解_QB4040的博客-CSDN博客_router-view标签
的含义：：路由容器Vue路由中的是用来承载当前级别下的子级路由的一个视图标签；此标签的作用就是显示当前路由级别下一级的页面。的作用：就比如说App.vue是根组件，在它的标签里使用，而且配置好路由的情况下，就能在浏览器上显示子组件的效果；子组件要想在页面中显示出来，一定要留好容器，不然显示不出来；如果这个子组件路由还有孩子路由，那也需要在子组件的标签里使用，这样就能在页面上显示子组件的孩子组件的效果；注意：一定要使用这个，不然页面效果就出不来路由容器外面可以包着标签：参考文章：路由标签之router-view理解_QB4040的博客-CSDN博客_router-view标签
💗wei_shuo的个人主页💫wei_shuo的学习社区🌐HelloWorld！Vue.js概述Vue是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用（SPA）提供驱动MVVM模型Model：模型层，表示JavaScript对象View：视图层，表示DOM(HTML操作的元素)ViewModel：连接视图层和数据的中间件，Vue.js就是MVVM中的ViewModel
💗wei_shuo的个人主页💫wei_shuo的学习社区🌐HelloWorld！Vue.js概述Vue是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用（SPA）提供驱动MVVM模型Model：模型层，表示JavaScript对象View：视图层，表示DOM(HTML操作的元素)ViewModel：连接视图层和数据的中间件，Vue.js就是MVVM中的ViewModel
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、params和query使用方式二、实现代码1.index.js代码2.test.vue代码3.testParams代码4.testParams代码5.效果总结前言this.$router.push进行页面跳转时。携带参数有params和query两种方式。一、params和query使用方式query方式：this.router.push(path:′testQuery′,query:testQuery:′testQuery′)，传递的参数会拼接在跳转地址的后面。使用this.router.push({path:
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、params和query使用方式二、实现代码1.index.js代码2.test.vue代码3.testParams代码4.testParams代码5.效果总结前言this.$router.push进行页面跳转时。携带参数有params和query两种方式。一、params和query使用方式query方式：this.router.push(path:′testQuery′,query:testQuery:′testQuery′)，传递的参数会拼接在跳转地址的后面。使用this.router.push({path:
