學無止境

摘要： <keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。 <keep-alive> 与 <transition>相似，只是一个抽象组件，它不会在DOM树中渲染(真实或者虚 阅读全文

摘要： <area>标记主要用于图像地图，通过该标记可以在图像地图中设定作用区域（又称为热点），这样当用户的鼠标移到指定的作用区域点击时，会自动链接到预先设定好的页面。其基本语法结构如下： <area class=type id＝Value href＝url alt＝text shape＝area-shap 阅读全文

摘要： vue封装子组件，直接在父组件中写@click=function点击没反应，写 @click.native=function就可以了。@click.native是给组件绑定原生事件 阅读全文

摘要： <一> keepAlive的基础知识点 <1>在动态组件上使用 keep-alive 如果希望那些标签的组件实例能够被在它们第一次被创建的时候缓存下来。为了解决这个问题，我们可以用一个 <keep-alive> 元素将其动态组件包裹起来。 <!-- 失活的组件将会被缓存！--> <keep-aliv 阅读全文

摘要： 1、准备两个页面 为兄弟关系 <User> <UserInsert/> </UserTable/> </User> 2、table页面写上ref 3、insert页面添加完数据调用table页面的刷新方法insert页面内 user页面内 阅读全文

摘要： $attrs的使用 vue $attrs是在vue的2.40版本以上添加的。 项目中有多层组件传参可以使用$attrs，可以使代码更加美观，更加简洁，维护代码的时候更方便。如果使用普通的父子组件传参prop和$emit，$on会很繁琐；如果使用vuex会大材小用，只是在这几个组件中使用，没必要使用v 阅读全文

摘要： 一、概念解析 成对出现：provide和inject是成对出现的 作用：用于父组件向子孙组件传递数据 使用方法：provide在父组件中返回要传给下级的数据，inject在需要使用这个数据的子辈组件或者孙辈等下级组件中注入数据。 使用场景：由于vue有$parent属性可以让子组件访问父组件。但孙组 阅读全文

摘要： 在VUE中路由遇到Error: Avoided redundant navigation to current location:报错显示是路由重复 在router文件夹下的index.js中加入如下代码，错误消失 const originalPush = VueRouter.prototype.p 阅读全文

摘要： 1 1、数字数组转化为字符串数组 var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; arr.map(String); //结果： ['1', '2', '3', '4', '5', '6', '7', '8', '9'] 1 2、字符串数组转化为数字数组 var a = 阅读全文

摘要： 基本类型 typescript可以理解为就是加了类型标注的javascript。 这样就可以在写代码的时候帮助们进行代码的校验，主要是数据格式的校验，不过最终typescript的代码还是需要转成javascript，这样才能在浏览器中运行，转换暂时不用考虑，vue开发环境支持编译typescrip 阅读全文