- 好好学习天天向上！
- sakana
04 2023 档案
摘要：相关理解 vue-router 理解 vue的一个插件库，专门用来实现SPA应用。 对SPA应用的理解 单个Web应用(single page web application, SPA)。 整个应用只有一个完整的页面。 点击页面中的导航链接不会刷新页面，只会做页面的局部更新。 数据需要通过ajax请
阅读全文
摘要：Vuex 概念 在Vue中实现集中式状态(数据)管理的一个Vue的插件，对Vue应用中多个组件的共享状态进行集中式管理(读/写)，也是一种组件间通信的方式，且适用于任意组件间的通信。 使用场景 多个组件需要共享数据时。 搭建Vuex环境 ps：vue2只能使用Vuex3，Vue3只能使用Vue4 1
阅读全文
摘要：插槽 作用 让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于父组件 => 子组件。 分类 默认插槽 具名插槽 作用域插槽 使用方法 默认插槽 //父组件中 <Category> <div>html结构</div> </Category> //子组件中 <template
阅读全文
摘要：Vue-cli配置代理 在前后端直接配置一个代理服务器，这个代理服务器和前端处于一个位置，当前端向后端请求数据的时候，不会直接访问后端，而是找这台代理，代理收到前端的请求，转发给后端，如果收到后端的响应数据，就把这些数据返回给前端。 方法一 在vue.config.js中添加如下配置： devSer
阅读全文
摘要：Vue封装的过渡与动画 作用 在插入、更新或移出DOM元素时，在合适的时候给元素添加样式类名。 css3实现动画 先来复习一下css3是如何实现的。 1.准备动画 @keyframes 动画名 { from { transform: translateX(-100%); } to { transfo
阅读全文
摘要：nextTick 语法 this.$nextTick(回调函数) 作用 在下一次DOM更新结束后执行其指定的回调。 使用场景 当改变数据后，要基于更新后的DOM进行某些操作时，要在nextTick所指的的回调函数中执行。 案例 当我们点击编辑按钮，想要使编辑框自动获取焦点 此时就可以使用nextTi
阅读全文
摘要：消息订阅与发布 一种组件间通信的方式，适用于任意组件间通信。 使用方法 1. 安装pubsub npm i pubsub-js@1.6 2. 引入 import pubsub from 'pubsub-js' 3. 接收数据 A组件想接收数据，则在A组件中订阅消息，订阅的回调在A自身。 **写法1：
阅读全文
摘要：全局事件总线（GlobalEventBus） 一种组件间通信的方式，适用于任意组件间通信。 使用方法 安装全局事件总线 在main.js里 new Vue({ ... beforeCreate() { Vue.prototype.$bus = this }, ... }) 使用全局事件总线 接收数据
阅读全文
摘要：静态资源访问 使用IDEA创建SPring Boot项目，会默认创建出classpath:/static/目录，静态资源一般放在这个目录下即可。 如果默认的静态资源过滤策略不能满足开发需求，也可以自定义静态资源过滤策略。 在application.properties中直接定义过滤规则和静态资源位置
阅读全文
