MDRY

摘要： 一.配置方法 方法一： 在vue.config.js中添加配置： devServer: { proxy: 'http://localhost:5000' } 说明： 优点：配置简单，请求资源时直接发给前端（8080）即可。 缺点：不能配置多个代理，不能灵活的控制请求是否走代理。 工作方式：若按照上述 阅读全文

摘要： 一.作用： 在插入、更新或移除 DOM元素时，在合适的时候给元素添加样式类名。 二.图示： 三.写法： 1.准备好样式 元素进入的样式： v-enter：进入的起点 v-enter-active：进入过程中 v-enter-to：进入的终点 元素离开的样式 v-leave：离开的起点 v-leave 阅读全文

摘要： 一.nextTick的作用 Vue.nextTick作用是在下一次 DOM 更新结束后执行其指定的回调。。 那么我们的理解是：当数据发生变化之后，DOM视图并不会立即更新，如果我们在发生变化之后立马去获取某个节点或者某个节点的值，很有可能结果就是undefined；因为Vue实现响应式并不是数据发生 阅读全文

摘要： 一.消息订阅与发布： 一种组件间通信的方式，适用于任意组件间通信 订阅消息：设置消息名==>接收数据的组件进行订阅消息 发布消息：传递消息内容==>传递数组的组件进行发布消息 二.使用步骤 安装pubsub：npm i pubsub-js 在使用订阅消息与发布消息的组件引入：import pubsu 阅读全文

摘要： 一.什么是全局事件总线？ 1.一种组件间通信的方式，适用于任意组件间通信。 是根据VueComponent.prototype.__ proto__ = Vue.prototype的原理来进行全局引用 二.全局事件总线的使用？ （i）安装全局事件总线 在main.js中的vue实例中写入before 阅读全文

摘要： 一.什么是组件自定事件？ 自定义事件：顾名思义就是自己定义的事件，包含事件名，事件回调等，定义好之后去给组件使用。也是一种组件的通信方式，适用于子组件==>父组件。 二.子组件怎么给父组件传值的？ （1）通过props传值 （i）找到父组件，先定义一个接受子组件数据的函数，并存入我们的变量中 注意： 阅读全文

摘要： 1.存储内容大小一般支持5MB左右（不同浏览器可能还不一样） 2.浏览器端通过 Window.sessionStorage 和 Window.localStorage 属性来实现本地存储机制。 3.相关API： 例子： localStorage的用法 注意 localStorage.setItem( 阅读全文

摘要： 1.功能：可以把多个组件共用的配置提取成一个混入对象 2.使用方式： 第一步定义混合：mixin.js 第二步使用混入： 全局混入：main.js中 局部混入： 总结: vue中混入是实现类继承的重要方式。 minix会在引入文件 中进行 属性和方法的合并（混入）minix优先执行，相同字段名 熟悉 阅读全文

摘要： 1.props的功能：让组件接受外部传过来的数据 2.传递数据：外部组件 3.接受方式： 1.简单声明接受： 2.限制类接收： 3.接收的同时对数据进行限制类、限制必要性、指定默认值： 备注：props是只读的，Vue底层会监测你对props的修改，如果进行了修改，就会发出警告，若业务需求确实需要修 阅读全文

摘要： ref属性： 被用来给元素或子组件注册引用信息（id的替代者） 应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象（vc） 使用方式： 打标识：<h1 ref="xxx">.....</h1> 或 <School ref="xxx"></School> $refs: 类型：O 阅读全文