摘要：
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; 阅读全文
posted @ 2020-11-28 14:50
盲仔不瞎忙
阅读(83)
评论(0)
推荐(0)
摘要：
我们在写页面的时候经常会遇到需要图片 自适应 容器大小这样的情况，下面说明一下怎样去实现这样一个效果。 <div> <img src="1.jpg" alt=""> </div> 假设这里的图片大小为200x200px div { width: 400px; height: 400px; borde 阅读全文
posted @ 2020-11-28 14:48
盲仔不瞎忙
阅读(584)
评论(0)
推荐(0)
摘要：
相对于父元素宽度的： [max/min-]width、left、right、padding、margin 等； 相对于父元素高度的： [max/min-]height、top、bottom 等； 相对于继承字号的： font-size 等； 相对于自身字号的： line-height 等； 相对于自 阅读全文
posted @ 2020-11-28 14:39
盲仔不瞎忙
阅读(77)
评论(0)
推荐(0)
摘要：
其实绝对定位absolute的参照对象是“离它最近的已定位的祖先元素”。 这句话里有两个关键: 一个是“离它最近的祖先元素”，意思是那个参照元素不一定是父元素，也可以是它的爷爷、爷爷的爷爷等等，如果它的祖先里同时有2个及以上的定位元素，就参照离它最近的一个元素定位 另一个是“已定位”，这个定位也不一 阅读全文
posted @ 2020-11-28 14:36
盲仔不瞎忙
阅读(179)
评论(0)
推荐(0)
摘要：
先导 vue-devtools是一款基于chrome浏览器的插件，用于vue应用的调试，这款vue调试神器可以极大地提高我们的调试效率。帮助我们快速的调试开发vue应用。 第一步： 我们可以先从github上找到vue-devtools的项目，下载到本地。下载vue-devtools链接。 克隆方法 阅读全文
posted @ 2020-11-28 14:10
盲仔不瞎忙
阅读(326)
评论(0)
推荐(0)
摘要：
el-form-item绑定的prop必须和该item下的表单元素绑定的v-model值的名称一致。 1.实现对一个表单进行两套或以上的验证 花了一点时间摸索，我想：如果不像官方给的那样，rules="rules"，然后在data下设置rules的值，而是把rules绑定一个函数，这个函数在comp 阅读全文
posted @ 2020-11-28 14:02
盲仔不瞎忙
阅读(250)
评论(0)
推荐(0)
摘要：
1.在需要更改组件样式的顶层容器的样式前，加上 /deep/ 更改组件样式和写自定义样式互不影响。 2.如果要组件内全局修改 首先在浏览器里F12找到element默认的UI类名 找到要修改的默认类名以后在文件中修改代码，重写属性,增加/deep/ <style> /deep/ .el-form-i 阅读全文
posted @ 2020-11-28 13:59
盲仔不瞎忙
阅读(354)
评论(0)
推荐(0)
摘要：
Element-Ul是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架，手机端有对应框架是Mint UI 。 官网：http://element-cn.eleme.io/#/zh-CN/component/installation 现在vue引入Element 1.打开cmd，进入 阅读全文
posted @ 2020-11-28 13:55
盲仔不瞎忙
阅读(476)
评论(0)
推荐(0)
摘要：
是 vue-route 中的一个组件，它的作用就是相当于 a 标签一样的给路由做导航，事实上它也确实是默认被渲染为 a 标签。关于它的详细信息请看 官方文档 这里要说的是在使用中要注意的一些问题： 1. replace 添加这个属性的路由在导航后不会留下 history 记录，目测这是一个非常好用的 阅读全文
posted @ 2020-11-28 13:48
盲仔不瞎忙
阅读(1891)
评论(0)
推荐(0)
摘要：
关于Vue的路由一直以来个人都觉得是一件很神奇的事情，一个单页面应用居然可以做到多路由跳转并按需加载页面代码。 以往的做法都是通过锚点来定位对应的页面代码，而这种古老的操作方式最大的问题就是首屏加载缓慢，一次性加载了所有页面代码。 那么Vue-router又是怎么实现的呢？ 首先，这个router有 阅读全文
posted @ 2020-11-28 13:43
盲仔不瞎忙
阅读(311)
评论(0)
推荐(0)
摘要：
今天做项目时踩到了vue-router传参的坑（query和params），所以决定总结一下二者的区别。 1.query方式传参和接收参数 传参: this.$router.push({ path:'/xxx', query:{ id:id } }) 接收参数: this.$route.query. 阅读全文
posted @ 2020-11-28 13:34
盲仔不瞎忙
阅读(140)
评论(0)
推荐(0)
摘要：
一、什么是前端路由 在web开发的过程中，路由的使用是必不可少的，这里的路由不是指我们日常生活中的路由器，但是实现原理基本相同，它代表一个url与相应处理程序的影射关系，用户在输入要访问的url之后，路由会解析url中的路径，之后根据映射表中的映射关系查找相应的预设函数，并将结果返回给用户，以此完成 阅读全文
posted @ 2020-11-28 13:30
盲仔不瞎忙
阅读(1098)
评论(0)
推荐(0)
摘要：
获取 vuex state 中的值一定要使用 computed 而不能使用 data 吗？ data 中的内容只会在 created 钩子触发前初始化一次，类似于你直接写 const data = { foo: 123 } 这样，这时属性的值是纯粹的字面量。 JS 字面量赋值后显然不会自动更新。最简 阅读全文
posted @ 2020-11-28 13:11
盲仔不瞎忙
阅读(2902)
评论(0)
推荐(1)
摘要：
整理下： 事实上在 vuex 里面 actions 只是一个架构性的概念，并不是必须的，说到底只是一个函数，你在里面想干嘛都可以，只要最后触发 mutation 就行。异步竞态怎么处理那是用户自己的事情。 Vuex.Store({ state, actions, mutation }); vuex 阅读全文
posted @ 2020-11-28 13:05
盲仔不瞎忙
阅读(281)
评论(0)
推荐(0)
摘要：
由于状态零散地分布在许多组件和组件之间的交互中，大型应用复杂度也经常逐渐增长。 如果多层组件嵌套使用，传递prop,和事件emit。都很不方便。 不方便对数据的修改进行历史记录。影响后续的调试！ 为了解决这个问题，Vue 提供 vuex。 vuex 甚至集成到 vue-devtools，无需配置即可 阅读全文
posted @ 2020-11-28 12:55
盲仔不瞎忙
阅读(87)
评论(0)
推荐(0)
摘要：
在SPA单页面组件的开发中 Vue的vuex和React的Redux 都统称为同一状态管理，个人的理解是全局状态管理更合适； 简单的理解就是你在state中定义了一个数据之后，你可以在所在项目中的任何一个组件里进行获取、进行修改，并且你的修改可以得到全局的响应变更。下面咱们一步一步地剖析下vuex的 阅读全文
posted @ 2020-11-28 12:20
盲仔不瞎忙
阅读(295)
评论(0)
推荐(0)
摘要：
使用vue-cli3.0搭建项目比之前更简洁，没有了build和config文件夹。 vue-cli3的一些服务配置都迁移到CLI Service里面了，对于一些基础配置和一些扩展配置需要在根目录新建一个vue.config.js文件进行配置 module.exports = { // 选项... 阅读全文
posted @ 2020-11-28 12:00
盲仔不瞎忙
阅读(387)
评论(0)
推荐(0)
摘要：
一.文件迁移 1.本地项目根目录下： npm run build 生成dist文件 2.修改config/index.js里的assetsPublicPath的字段，初始项目是/，现在改为./ 3.需要修改dist下的index.html资源路径为./ 4.将dist文件上传到linux机器上 二. 阅读全文
posted @ 2020-11-28 11:39
盲仔不瞎忙
阅读(74)
评论(0)
推荐(0)
摘要：
使用vue-cli+webpack创建的项目，修改文件名称或者更改文件的位置，运营时会报错，是因为npm项目，在安装依赖（node_nodules）时，会记录当前的文件路径，当修改之后就无法正常启动。 解决办法： 1 删除 node_modules 文件夹（如果修改项目名称，需要在在package. 阅读全文
posted @ 2020-11-28 11:33
盲仔不瞎忙
阅读(159)
评论(0)
推荐(0)
摘要：
原文链接：https://blog.csdn.net/wulala_hei/article/details/85000530 vue2是对新手很友好的MVVM框架，有完善的官方中文文档，阅读起来也非常容易理解，由浅入深，示例完整。同时官方也提供了一个开箱即用的 vue-cli 帮我们生成一个完整的项 阅读全文
posted @ 2020-11-28 11:28
盲仔不瞎忙
阅读(353)
评论(0)
推荐(0)
摘要：
修饰符 修饰符 (Modifiers) 是以半角句号 . 指明的特殊后缀，用于指出一个指令应该以特殊方式绑定。 <form v-on:submit.prevent="onSubmit">...</form> v-on能使用的修饰符： 修饰符 作用 .stop 调用 event.stopPropaga 阅读全文
posted @ 2020-11-28 11:09
盲仔不瞎忙
阅读(93)
评论(0)
推荐(0)
摘要：
在vue中，使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法： <input type="text" v-model="cityName"/> new Vue({ el: '#root', data: { cityName: 'shanghai' }, 阅读全文
posted @ 2020-11-28 11:07
盲仔不瞎忙
阅读(75)
评论(0)
推荐(0)
摘要：
vue会把{{ xxx }} 编译成我们指定的数据，但是在编译的那一刹那间， {{ xxx }} 还是会显示出来的。 方案1 （ 使用v-html替代 {{ }} ） <div id='app'> <span v-html='msg'></span> </div> <script src='js/v 阅读全文
posted @ 2020-11-28 11:02
盲仔不瞎忙
阅读(336)
评论(0)
推荐(0)
摘要：
过滤器用于格式化一些数据 语法 ： 数据 | 过滤器名字 例子： <div id='app'> {{text | lowercase}} </div> <script src='../js/vue.js'></script> <script> new Vue({ el : '#app', data 阅读全文
posted @ 2020-11-28 10:54
盲仔不瞎忙
阅读(85)
评论(0)
推荐(0)
摘要：
自定义指令 使用Vue的静态方法directive，我们可以定义属于自己的指令。 格式：Vue.directive(指令的名字， 回调函数) 例子： <div id='app'> <span v-red>vue</span> </div> <script src='../js/vue.js'></s 阅读全文
posted @ 2020-11-28 10:43
盲仔不瞎忙
阅读(104)
评论(0)
推荐(0)
摘要：
什么是生命周期 Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。 在Vue的整个生命周期中，它提供了一系列的事件，可以让我们在事件触发时注册js方 阅读全文
posted @ 2020-11-28 10:35
盲仔不瞎忙
阅读(63)
评论(0)
推荐(0)
摘要：
全局注册，注册的组件需要在初始化根实例之前注册组件； 局部注册，通过使用组件实例选项注册，可以使组件仅在另一个组件或者实例的作用域中可用 全局组件 Vue.component('tab-title',{ props:['title'], template:'<li v-on:click="$emit 阅读全文
posted @ 2020-11-28 10:18
盲仔不瞎忙
阅读(246)
评论(0)
推荐(0)
摘要：
vue中的组件是自定的标签，可以扩展的原生html元素，封装可复用的代码 note： 1、在标签命中不要使用大写，标签名字必须用短横线隔开 2、模板中只能有一个根元素，不能使用并列标签。 3、子组件不能直接使用父组件的数据 4、子组件可以声明自己的数据 一、子组件调用父组件的data中的值： 父组件 阅读全文
posted @ 2020-11-28 10:11
盲仔不瞎忙
阅读(206)
评论(0)
推荐(0)
摘要：
子组件调用父组件的方法： 父组件： <editUser ref="editUser" v-on:childMethod="parentMethod"></editUser> <script> import editUser from './Edit.vue'; export default { da 阅读全文
posted @ 2020-11-28 10:01
盲仔不瞎忙
阅读(112)
评论(0)
推荐(0)
浙公网安备 33010602011771号