Vue
文章平均质量分 56
无响应乱码元素
这个作者很懒,什么都没留下…
展开
-
Vuex初探——求和小案例
1. 什么是Vuex在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。2. 什么时候使用Vuex多个组件需要共享数据时3. 搭建Vuex环境1.创建文件:src/store/index.js//引入Vue核心库import Vue from 'vue'//引入Vueximport Vuex from 'vuex'//应用Vuex插件Vue.use(Vuex)![vue原创 2021-12-30 23:16:54 · 573 阅读 · 0 评论 -
Vue实现的github搜索小案例
效果前置知识vue基础 axios es6基础语法代码index.html<!DOCTYPE html><html lang=""> <head> <meta charset="utf-8" /> <!-- 针对IE浏览器的一个特殊配置,含义是让IE浏览器以最高的渲染级别渲染页面 --> <meta http-equiv="X-UA-Compatible" content...原创 2021-12-18 22:54:36 · 492 阅读 · 1 评论 -
vue脚手架配置代理解决跨域问题
方法一在vue.config.js中添加如下配置:devServer:{ proxy:"http://localhost:5000"}说明: 优点:配置简单,请求资源时直接发给前端(8080)即可。 缺点:不能配置多个代理,不能灵活的控制请求是否走代理。 工作方式:若按照上述配置代理,当请求了前端不存在的资源时,那么该请求会转发给服务器 (优先匹配前端资源) 方法二编写vue.config.js配置具体代理规则:module.exports = {.原创 2021-12-16 23:37:16 · 137 阅读 · 0 评论 -
Vue之全局事件总线初体验
最近在跟着某硅谷网课学Vue 学到全局事件总线 写写博客加深自己的印象全局事件总线的简介EventBus 又称为事件总线。在Vue中可以使用 EventBus 来作为沟通桥梁的概念,就像是所有组件共用相同的事件中心,可以向该中心注册发送事件或接收事件,所以组件都可以上下平行地通知其他组件,但也就是太方便所以若使用不慎,就会造成难以维护的灾难,因此才需要更完善的Vuex作为状态管理中心,将通知的概念上升到共享状态层次。vm对象和组件对象的关系vm的原型对象 === 组件对象的原型对象的原型对象原创 2021-12-04 18:41:58 · 241 阅读 · 0 评论 -
Vue之自定义事件
应用场景我们都知道父组件想给子组件传递东西很简单,props里直接放就完事了,而子组件想给父组件传东西就不是那么容易,这个时候就可以利用自定义事件来满足我们的需求。事件绑定自定义组件能使子组件事件触发父组件中的动作。父组件是如何监听事件呢?使用指令v-on:event-name="callback"监听。子组件如何触发事件呢?调用this.$emit(eventName)来个小例子采用菜鸟教程的小例子点击一下直接跳转菜鸟教程在线编辑器<!DOC...原创 2021-12-02 09:59:30 · 128 阅读 · 0 评论