随笔分类 - newVue
newVue
摘要：防抖（Debounce）和节流（Throttle）都是用于控制函数执行频率的方法，它们可以避免在某些场景下出现过多的函数调用从而减少资源消耗和提升性能。 防抖是指触发事件后，等待指定时间才执行函数。如果在这段时间内再次触发了该事件，则会重新计算延迟时间，直到在指定时间内没有再次触发该事件，才会执行函
阅读全文
摘要：Form Methods 方法，通过res属性调用。this.$refs.form.validate(）; Form Events 事件 写@方法调用; <el-form label-width="120px" :rules="rules" :model="form" ref="form" @val
阅读全文
摘要：设置别名在build文件夹下的webpack.base.conf.js文件中设置src的路径别名。 resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolv
阅读全文
摘要：Vue中的$forceUpdate有强制刷新的意思，但是这个针对于深层次结构数据，数据通过赋值进行了更新，但是vue监听不到。深结构数据对于普通类型的数据来说，我们不需要操心数据绑定，Vue的内部机制已经帮助我们监听更新，但是对于一个复杂对象来说，例如数组对象、对象数组等，我们对其某个元素增加属性，
阅读全文
摘要：一、browserslist 什么用于指定浏览器范围。你会发现有 package.json 文件里的 browserslist 字段 (或一个单独的 .browserslistrc 文件)，指定了项目的目标浏览器的范围。这个值会被 @babel/preset-env 和 Autoprefixer 用
阅读全文
摘要：一、现状 近些年，随着移动端的发展，前端技术也发生了翻天覆地的变化，尤其是ECMAScript标准的不断升级，从es2015一直到最新的es2021，各种各样的前端javascript的特性被定义和推广，各个浏览器的厂商为了市场占比和用户体验的提升也在进行着一轮一轮的优化升级，目前的主流浏览器已经支
阅读全文
摘要：1. 安装Animate.cssnpm install animate.css --save2. 配置 Animate.css全局引入：写在main.js中 局部引入：写在要使用的 .vue文件中 // 动画 animate.cssimport animate from "animate.css";
阅读全文
摘要：通常情况下，父组件向孙组件传递数据，可以采用父子props层层传递，也可以使用bus和Vuex直接交互。在Vue2.2.0之后，Vue还提供了provide/inject选项 这对选项允许一个祖先组件向其所有子孙后代组件注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效。 也就是
阅读全文
摘要：slot是什么slot，也称插槽，可以类比为插卡式的FC游戏机，游戏机（子组件）暴露卡槽（插槽）让用户插入不同的游戏磁条（自定义内容），游戏机会读取并加载磁条里的游戏Vue的slot，是组件的一块HTML模板，这块模板由使用组件者即父组件提供。可以说是子组件暴露的一个让父组件传入自定义内容的接口。
阅读全文
摘要：1.Prop 名称强烈推荐 在声明 prop 的时候，其命名应该始终使用 camelCase，而在模板和 JSX 中应该始终使用 kebab-case。 我们单纯的遵循每个语言的约定。在 JavaScript 中更自然的是 camelCase。而在 HTML 中则是 kebab-case。 prop
阅读全文
摘要：在之前的认识中只知道，vue打包到生产的文件要放到dependencies中，而本地开发的，类似webpack这种就放到devDependencies中，但没有细想一个问题，就是平常生产上都是用了vue build后的文件，那放到这个dependencies中其实也就没有存在还要额外依赖包的问题，于
阅读全文
摘要：1. 在首次请求登录接口的时候，由后端返回相应的角色权限，再根据这个进行动态路由生成。 自己根据角色创建不同的路由表，然后在登录时拿 到不同的角色标记，来引入对应的路由表。 2.把路由表存储在vuex中，右侧菜单通过直接引入vuex存的路由表进行渲染。 通过接口返回的角色权限，根据角色来动态的通过r
阅读全文
摘要：过滤器的作用在使用插值表达式的时候，我们通常会有一种需求，就是将数据进行二次的格式化(比如日期的格式化)，Vue的过滤器的实现参考了linux的shell命令的管道的实现原理，即上一个命令的输出是下一个命令的输入,Vue.js 允许你自定义过滤器，作用是处理一些常见的文本格式化，过滤器可以用在双花括
阅读全文
摘要：组件 <template> <div> <div>{{val}}</div> <el-button type="success" @click="getClick">点击</el-button> </div> </template> <script> import mixins from '@/mi
阅读全文
摘要：爷爷组件 <template> <div> <child-dom :foo="foo" :coo="coo" :goo='goo' v-on:upRocket="reciveRocket" > </child-dom> </div> </template> <script> import child
阅读全文
摘要：1.$refs的使用场景 父组件调用子组件的方法，可以传递数据。 父组件： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 <div id="app"> <child-a ref="child"></child-a>
阅读全文
