flym_的博客

通过购物车的一个案列，把vuex学习了一篇。vuex概念浅谈Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简单的来说，就是数据共用，对数据集中起来进行统一的管理。如果您的应用够简单，您最好不要使用 Vuex。一个简单的 global event bus 就足够您所需了。但是...

hash 模式单页应用不仅仅是在页面交互是无刷新的，连页面跳转都是无刷新的，为了实现单页应用，所以就有了前端路由。通过 hash 来实现路由，#号后面的hash 值的变化，并不会导致浏览器向服务器发出请求，浏览器不发出请求，也就不会刷新页面。另外每次 hash 值的变化，还会触发hashchange 这个事件，通过这个事件我们就可以知道 hash 值发生了哪些变化。然后我们便可以监听h...

　　vue中提供了一种混合机制–mixins，用来更高效的实现组件内容的复用。最开始我一度认为这个和组件好像没啥区别。。后来发现错了。下面我们来看看mixins和普通情况下引入组件有什么区别？组件在引用之后相当于在父组件内开辟了一块单独的空间，来根据父组件props过来的值进行相应的操作，单本质上两者还是泾渭分明，相对独立。而mixins则是在引入组件之后，则是将组件内部的内容如data等...

问题：element-UI的表单验证似乎并没有覆盖到文件上传上面，当我们需要在表单里验证图片时，就会出现问题。当图片为空时，点击保存，会出现提示。当我们上传图片成功之后，图片为空的提示不会消失。解决办法：图片上传成功执行this.$refs[‘basic’].validate(valid => {})上述方法虽然可以解决图片上传成功之后，图片为空的提示不会消失的问题。但也不友好的地方，...

问题：在开发过程中，有时候，我们明明给数组元素赋值或者对象属性的添加或删除，并可以打印出来，但始终无法渲染到页面上。其实vue文档有写：数组元素赋值由于 JavaScript 的限制，Vue 不能检测以下变动的数组：1.当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue2.当你修改数组的长度时，例如：vm.items.length = n...

watch 来监听数据变化的时候通常只使用过其中的 handler 回调，其实其还有两个参数，便是：deep 设置为 true 用于监听对象内部值的变化immediate 设置为 true 将立即以表达式的当前值触发回调<template> <button @click="obj.a = 2">修改</button></templa...

1.使用 performance 开启性能追踪performance API 是 Vue 全局配置 API 中的一个，我们可以使用它来进行网页性能的追踪，我们可以在入口文件中添加：if (process.env.NODE_ENV !== 'production') { Vue.config.performance = true;}来开启这一功能，该 API（2.2.0 新增）功能...

最近忙着写一些组件，关于插槽这一块自己还是用着 slot 和 slot-scope，然后看了一下文档的更新，于是又重新把“插槽”学习了一篇，下面一段是文档中的说明:在 2.6.0 中，我们为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。它取代了 slot 和 slot-scope 这两个目前已被废弃但未被移除且仍在文档中的特性。新语法的由来可查阅这份 RFC。插......

const baseUrl = 'http://localhost:8080'export default async(url = '', data = {}, type = 'GET', method = 'fetch') =&gt; { type = type.toUpperCase(); url = baseUrl + url; if (type === 'GET...