10 2020 档案
vue中的keep-alive
摘要：一、作用 主要用于保留组件状态或避免重新渲染。 二、用法 <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。 <keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在组件的父组件链中。 当组件在 <keep-alive> 内被切换，它的
阅读全文
浏览器的垃圾回收机制
摘要：一、垃圾回收概念 我们在写 js 代码的时候，会频繁地操作数据。在一些数据不被需要的时候，它就是垃圾数据，垃圾数据占用的内存就应该被回收。 二、变量的生命周期 比如这么一段代码： let dog = new Object(); let dog.a = new Array(1); 当 JavaScri
阅读全文
vue-router传参数的方式
摘要：场景 我们有两个页面，一个叫做Home，一个叫做About。想要实现从Home点击按钮之后跳转到About页面，并且传递给About页面一个id。 Home中的点击按钮如下： <button @click="toAbout(id)">点击我跳转去About页面</button> 一、方式一 调用th
阅读全文
Vue中使用watch同时监听多个值的实现方法
摘要：一、在computed中 在computed中，将需要监听的值定义为一个对象。 比如我们需要监听start和end的改变，将监听的值(start、end)定义一个对象(dateRange)，代码如下： computed: { dateRange() { const {start, end} = th
阅读全文
Vue.js中this.$nextTick()的使用
摘要：一、用法 vm.$nextTick( [callback] ) 参数为：{Function} [callback] 将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的
阅读全文
vuex中的mapState，mapGetters，mapActions以及mapMutations
摘要：一、基本概念 我们把vuex分为state，getter，mutation，action四个模块，通俗的讲一下四个模块的作用： state：定义变量； getters：获取变量； mutations：同步执行对变量进行的操作； actions：异步执行对变量进行的操作； vuex中的mapState
阅读全文
postcss-pxtorem
摘要：一、概念 postcss-pxtorem是PostCSS的插件，用于将像素单元生成rem单位。 二、使用 安装依赖之后，将postcss-pxtorem的配置都放到了vue.config.js中。 module.exports = { productionSourceMap: false, // 生
阅读全文
