多行文字溢出隐藏显示省略号 /通过使用 word-break 属性,可以让浏览器实现在任意位置的换行。//这个属性不是css的规范属性,需要组合上面两个属性,表示显示的行数。//从上到下垂直排列子元素(设置伸缩盒子的子元素排列方式)display:-webkit-box;//将对象作为弹性伸缩盒子模型显示。//用来定义元素内的空白该如何处理。//溢出用省略号显示。
Vue中this.$set()解决页面不更新问题 Vue中的this.$set()用于解决数据更新后页面没有更新的问题,因为Vue2中的双向数据绑定是通过object.()实现的。通过get和set方法,获取时触发get,更改时触发set。但是对于对象属性的删除和添加与根据数组的下标去修改数据的时候是没办法实现响应式的。一般通过this.$set解决,对于删除也有对应的this.$delete实现。
Vue项目中全局变量process的用法解析 process对象是一个全局变量,提供了有关当前Node.js进程的信息并对其进行控制。常用于Vue项目中环境区分,对不同环境的配置不同,例如:根据全局变量区分请求的url地址、是否开始eslint、不同环境的特殊配置等等。可以在项目中新建js文件,输出process,得到一个配置对象。
防抖与节流的使用详解(附代码解析) 防抖,可以理解为防止用户“手抖”导致的多次点击问题,比如:一个提交按钮,用户点击了多次,则会导致出现多条提交请求,导致数据混乱;又可以用于用户输入时,根据用户输入实时查询,当用户“一直”输入时,检测到值的变化,会不停的发送请求。到我们通过防抖处理后,则当用户“多次”点击或者输入时,只执行最后一次的结果。总结:“手抖”、“多次”、“不停”。可以总结为一句话:当用户一直操作的情况下,不会触发对应的操作,到用户停止操作后才会执行对应的操作。主要实现依据:setTimeout(延时器)。
Vue2中的依赖注入的使用provide / inject 在Vue项目的开发中,我们经常会遇到组件嵌套层级过深的问题,常用的两种方式,链式调用以及emit触发,在多组件嵌套中都有一定的不足,例如链式调用记得的降低了组件的可复用性,因为组件后面所处的层级是可变的,另一边emit触发方法的传递则需要传递的层数过多,代码过于臃肿,不易维护,所以对于多组件嵌套来说,我们建议通过provide / inject进行方法以及属性的传递。
Vue Router的详细解读之手把手教学篇(一) 用 Vue + Vue Router 创建单页应用非常简单:通过 Vue.js,我们已经用组件组成了我们的应用。当加入 Vue Router 时,我们需要做的就是将我们的组件映射到路由上,让 Vue Router 知道在哪里渲染它们。
Vue上传图片 首先,讲一下上传图片的流程,相信大家一看就会了,一般通过elementUI等组件库的上传组件,获取到对应的选中的文件列表的信息,获取到列表信息中的raw属性,通过FormData构造数据,然后发送给后台,后台根据你发送的数据,生成对应的url,你获取到url后,将url作为入参发送给后台,一个图片上传的流程到这里就结束了。下面进行一些代码的讲解说明。
Vue3组件通信 组件:对数据和方法的简单封装。在Vue开发中组件是非常重要的一环,使用组件化开发,会大大的提高代码的简洁性,使项目更以维护与开发。组件一般分为两种:纯组件、与功能性组件。(博主自己看法,欢迎指正交流)纯组件:一般用于纯页面展示,不需要开发者关心内部发生的事情,只需要传参调用,就可以实现对应的展示与功能。功能性组件:多页面使用,多层组件嵌套,内部根据不同参数有不同的处理逻辑,需要与父组件配合使用,需要在子组件触发父组件的事件。