别团等shy哥发育

摘要： 文章目录 1、前言2、技术栈3、前后端项目结构3.1 前端项目结构3.2 后端项目结构 4、部分演示效果5、下载链接： 1、前言 一个前后端分离的博客小项目，为了适合后续的拓展和微服务化体系等，选择SpringBoot作为后端开发框架。然后数据层，我们常用的是Mybatis，易上手，方便维护。但是单 阅读全文

摘要： 文章目录 1、问题描述2、解决方案： 1、问题描述 今天再用v-for指令进行遍历的时候出现custom elements in iteration require v-bind:key错误。 2、解决方案： 为了给Vue一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，需要为列表的 阅读全文

摘要： 一、问题描述 在开发Vue项目时，出现警告：‘res’ is defined but never used 二、解决方案： 第一种方案 在对应需要忽略校验的行上面加上下面这句注释： //eslint-disable-line no-unused-vars 例如： 第二种方案 也可以通过修改全局配置文 阅读全文

摘要： 文章目录 1、序言2、安装Vuex3、基本用法3.1 mutation3.1.1 提交载荷（Payload）3.1.2 对象风格的提交方式3.1.3 使用常量替代 Mutation 事件类型 3.2 添加商品实现3.3 mapMutations3.4 mapState3.5 getter3.6 商品 阅读全文

摘要： Vue动态路由 1、添加路由2、在导航守卫中添加路由3、删除路由3.1 通过添加名称冲突的路由。3.2 通过调用router.addRoute()函数返回的回调。3.3 通过调用router.removeRoute()函数按名称删除一个路由。 4、添加嵌套路由5、查看现有路由 向路由器添加路由通常是 阅读全文

摘要： 文章目录 一、Vue模块化开发使用路由1、为项目安装vue-router,选择终端->新终端选项，在弹出的终端窗口中输入以下命令安装vue-router。2、在App.vue中设置导航链接和组件渲染的位置。修改其模板内容，并将应用HelloWorld组件的地方删除。修改后的代码如下所示。3、定义路由 阅读全文

摘要： 感受前端路由 1、简介2、HTML页面使用路由 1、简介 传统的Web应用程序不同页面间的跳转都是向服务器发起请求，服务器处理请求后向浏览器推送页面。在单页应用程序中，不同视图(组件的模板)的内容都是在同一个页面中渲染，页面间的跳转都是在浏览器端完成，这就需要用到前端路由。在Vue.js中，可以使用 阅读全文

摘要： Vue CLI 1、简介2、安装3、创建项目3.1 vue create 1、简介 在开发大型单页应用时，需要烤炉项目的组织结构、项目构建、部署、热加载、代码单元测试等多方面与核心业务无关的事情，对于项目中用到的构建工具、代码检查工具等还需要一遍一遍地重复配置。这很浪费时间，物品们会选择一些能够创建 阅读全文

摘要： Vue递归组件 1、递归组件2、实例 1、递归组件 组件可以在自己的模板种递归调用自身，但这需要使用name选项为组件指定一个内部调用的名称。当调用Vue.createApp({}).component({})全局注册组件时，这个全局的ID会自动设置为该组件的name选项。 递归组件和程序语言中的递 阅读全文

摘要： Vue组件通信的其他方式 一、序言二、组件通信的其他实现方式2.1 访问根实例2.2 访问父组件实例2.3 访问子组件实例或子元素2.4 provide和inject 一、序言 总结一下前面介绍的组件通信的3种方式： 父组件通过prop向子组件传递数据。子组件通过自定义事件向父组件发起通知或进行数据 阅读全文