摘要：
el-form-item绑定的prop必须和该item下的表单元素绑定的v-model值的名称一致。 1.实现对一个表单进行两套或以上的验证 花了一点时间摸索，我想：如果不像官方给的那样，rules="rules"，然后在data下设置rules的值，而是把rules绑定一个函数，这个函数在comp 阅读全文
摘要：
1.在需要更改组件样式的顶层容器的样式前，加上 /deep/ 更改组件样式和写自定义样式互不影响。 2.如果要组件内全局修改 首先在浏览器里F12找到element默认的UI类名 找到要修改的默认类名以后在文件中修改代码，重写属性,增加/deep/ <style> /deep/ .el-form-i 阅读全文
摘要：
Element-Ul是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架，手机端有对应框架是Mint UI 。 官网：http://element-cn.eleme.io/#/zh-CN/component/installation 现在vue引入Element 1.打开cmd，进入 阅读全文
摘要：
是 vue-route 中的一个组件，它的作用就是相当于 a 标签一样的给路由做导航，事实上它也确实是默认被渲染为 a 标签。关于它的详细信息请看 官方文档 这里要说的是在使用中要注意的一些问题： 1. replace 添加这个属性的路由在导航后不会留下 history 记录，目测这是一个非常好用的 阅读全文
摘要：
关于Vue的路由一直以来个人都觉得是一件很神奇的事情，一个单页面应用居然可以做到多路由跳转并按需加载页面代码。 以往的做法都是通过锚点来定位对应的页面代码，而这种古老的操作方式最大的问题就是首屏加载缓慢，一次性加载了所有页面代码。 那么Vue-router又是怎么实现的呢？ 首先，这个router有 阅读全文
摘要：
今天做项目时踩到了vue-router传参的坑（query和params），所以决定总结一下二者的区别。 1.query方式传参和接收参数 传参: this.$router.push({ path:'/xxx', query:{ id:id } }) 接收参数: this.$route.query. 阅读全文
摘要：
一、什么是前端路由 在web开发的过程中，路由的使用是必不可少的，这里的路由不是指我们日常生活中的路由器，但是实现原理基本相同，它代表一个url与相应处理程序的影射关系，用户在输入要访问的url之后，路由会解析url中的路径，之后根据映射表中的映射关系查找相应的预设函数，并将结果返回给用户，以此完成 阅读全文
摘要：
获取 vuex state 中的值一定要使用 computed 而不能使用 data 吗？ data 中的内容只会在 created 钩子触发前初始化一次，类似于你直接写 const data = { foo: 123 } 这样，这时属性的值是纯粹的字面量。 JS 字面量赋值后显然不会自动更新。最简 阅读全文
摘要：
整理下： 事实上在 vuex 里面 actions 只是一个架构性的概念，并不是必须的，说到底只是一个函数，你在里面想干嘛都可以，只要最后触发 mutation 就行。异步竞态怎么处理那是用户自己的事情。 Vuex.Store({ state, actions, mutation }); vuex 阅读全文
摘要：
由于状态零散地分布在许多组件和组件之间的交互中，大型应用复杂度也经常逐渐增长。 如果多层组件嵌套使用，传递prop,和事件emit。都很不方便。 不方便对数据的修改进行历史记录。影响后续的调试！ 为了解决这个问题，Vue 提供 vuex。 vuex 甚至集成到 vue-devtools，无需配置即可 阅读全文