1、Vue下载安装步骤的详细教程(亲测有效)1_水w的博客-CSDN博客2、Vue下载安装步骤的详细教程(亲测有效)2安装与创建默认项目_水w的博客-CSDN博客3、基于vscode开发vue项目的详细步骤教程_水w的博客-CSDN博客4、基于vscode开发vue项目的详细步骤教程2第三方图标库FontAwesome_水w的博客-CSDN博客5、基于vscode创建SpringBoot项目，连接postgresql数据库_水w的博客-CSDN博客6、基于vscode开发vue项目，连接postgresql数据库3_水w的博客-CSDN博客目录一、VueRouter1、VueRouter安装与
简介VueRouter是Vue.js的官方路由。与Vue.js核心深度集成，让用Vue.js构建单页应用（SPA）变得更加简单。 对于开发和维护管理后台类的前端项目，页面结构和组合可能非常复杂，所以正确的理解和使用VueRouter就显得尤为重要。使用创建1、在安装好VueRouter依赖后，在App.vue中引入router-view，它是渲染的容器2、创建路由router/index.jsconstroutes=[ {path:'/',component:Home},{path:'/login',name:'login',component:Login},]constrouter=crea
简介VueRouter是Vue.js的官方路由。与Vue.js核心深度集成，让用Vue.js构建单页应用（SPA）变得更加简单。 对于开发和维护管理后台类的前端项目，页面结构和组合可能非常复杂，所以正确的理解和使用VueRouter就显得尤为重要。使用创建1、在安装好VueRouter依赖后，在App.vue中引入router-view，它是渲染的容器2、创建路由router/index.jsconstroutes=[ {path:'/',component:Home},{path:'/login',name:'login',component:Login},]constrouter=crea
个人简介>📦个人主页：是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
