摘要：
color：#000; font-size:12px/X%/Xem/large/small; font-weight:bolder//bold(700)/normal(400)/lighter; font-family:serif； font-style:normal/italic/oblique; 阅读全文
摘要：
我们在写页面的时候经常会遇到需要图片 自适应 容器大小这样的情况，下面说明一下怎样去实现这样一个效果。 <div> <img src="1.jpg" alt=""> </div> 假设这里的图片大小为200x200px div { width: 400px; height: 400px; borde 阅读全文
摘要：
相对于父元素宽度的： [max/min-]width、left、right、padding、margin 等； 相对于父元素高度的： [max/min-]height、top、bottom 等； 相对于继承字号的： font-size 等； 相对于自身字号的： line-height 等； 相对于自 阅读全文
摘要：
其实绝对定位absolute的参照对象是“离它最近的已定位的祖先元素”。 这句话里有两个关键: 一个是“离它最近的祖先元素”，意思是那个参照元素不一定是父元素，也可以是它的爷爷、爷爷的爷爷等等，如果它的祖先里同时有2个及以上的定位元素，就参照离它最近的一个元素定位 另一个是“已定位”，这个定位也不一 阅读全文
摘要：
先导 vue-devtools是一款基于chrome浏览器的插件，用于vue应用的调试，这款vue调试神器可以极大地提高我们的调试效率。帮助我们快速的调试开发vue应用。 第一步： 我们可以先从github上找到vue-devtools的项目，下载到本地。下载vue-devtools链接。 克隆方法 阅读全文
摘要：
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，无需配置即可 阅读全文
摘要：
在SPA单页面组件的开发中 Vue的vuex和React的Redux 都统称为同一状态管理，个人的理解是全局状态管理更合适； 简单的理解就是你在state中定义了一个数据之后，你可以在所在项目中的任何一个组件里进行获取、进行修改，并且你的修改可以得到全局的响应变更。下面咱们一步一步地剖析下vuex的 阅读全文
摘要：
使用vue-cli3.0搭建项目比之前更简洁，没有了build和config文件夹。 vue-cli3的一些服务配置都迁移到CLI Service里面了，对于一些基础配置和一些扩展配置需要在根目录新建一个vue.config.js文件进行配置 module.exports = { // 选项... 阅读全文
摘要：
一.文件迁移 1.本地项目根目录下： npm run build 生成dist文件 2.修改config/index.js里的assetsPublicPath的字段，初始项目是/，现在改为./ 3.需要修改dist下的index.html资源路径为./ 4.将dist文件上传到linux机器上 二. 阅读全文
摘要：
使用vue-cli+webpack创建的项目，修改文件名称或者更改文件的位置，运营时会报错，是因为npm项目，在安装依赖（node_nodules）时，会记录当前的文件路径，当修改之后就无法正常启动。 解决办法： 1 删除 node_modules 文件夹（如果修改项目名称，需要在在package. 阅读全文
摘要：
原文链接：https://blog.csdn.net/wulala_hei/article/details/85000530 vue2是对新手很友好的MVVM框架，有完善的官方中文文档，阅读起来也非常容易理解，由浅入深，示例完整。同时官方也提供了一个开箱即用的 vue-cli 帮我们生成一个完整的项 阅读全文