04 2020 档案
摘要：一、Promise 1、简介 Promise,简单来说就是一个容器，里面保存着某个未来才会结束的时间(通常是一个异步操作的结果) Promise的基本语法： new Promise（（resolve, reject）=> { ... } ） 从语法上来说，Promise是一个对象，从它可以获取异步操
阅读全文
摘要：一、为什么要使用路由懒加载： 当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。 如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。 二、实现： 结合 Vue 的 异步组件 和 Webpack 的 代码分割功能，轻松实现路由
阅读全文
摘要：1、安装依赖：npm install sass-resources-loader --save-dev 2、找到build中webpack.base.conf.js,在rules中添加scss规则 { test: /\.scss$/, loaders: ['style', 'css', 'sass'
阅读全文
摘要：解构赋值：从数组和对象中取值，对变量进行赋值 let [x, , y] = [1,2,3] x: 1, y: 3 let [x, y, ...z] = ['a'] x: 'a', y: undefined, z：[] 如果右边的不是数组 那么就会报错 对象的解构赋值： let {bar, foo}
阅读全文
摘要：我们再项目中用 第三方UI库的时候 肯定会碰到 需要修改样式的情况 但是当你在<style scoped></style>中写发现根本没有用 要在<style></style>中写才有用 但是这样又会造成 全局变量污染 这个问题卡了我好久 然后我发现了 解决方法： 定义全局的 css文件，引入即可。
阅读全文
摘要：在vue中，data里面的数据改变了，试图却没有更新，常见的情况是 1、直接通过数组下标来修改数据，如:this.arr[i] =‘ll’2、当你想置空数组时，this.arr.length = 0 || this.arr = [ ]3、对象的值修改，例如：this.obj.batchName ==
阅读全文
摘要：let params = Object.assign({},obj,obj1) //花括号{ }叫目标对象，后面的obj、obj1是源对象。对象合并是指：将源对象里面的属性添加到目标对象中去，若两者的属性名有冲突，后面的将会覆盖前面的 var obj1 = { test1: 1 } var obj2
阅读全文
摘要：<el-radio v-model='radio' label='1'><span></span></el-radio>
阅读全文
摘要：可能我们都遇到过这样的情况 就是写着写着突然来了一个很简单但是很紧急的bug 但是当前分支的代码还没写完 这个时候就会很难受 所以 根据我的经验提供两种方法给大家 一般你直接切会报错 所以先 git stash 返回上一个分支 然后在 git checkout branchName 即可 然后那个紧
阅读全文
摘要：在ES6中，export与export default均可用于导出常量、函数、文件、模块等， 你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入， 以便能够对其进行使用，但在一个文件或模块中， export、import可以有多个， export de
阅读全文
摘要：v-model 原理： 从接触Vue我们就知道 v-model是实现数据双向绑定的 那他能实现绑定的原理到底是啥？ 其实v-model本质上就是语法糖 在使用 v-model 后既绑定了数据 有添加了一个@input事件监听 <input v-model='search' /> 等价于 <input
阅读全文
摘要：首先你要知道 this.$refs 是干嘛的 ？ 直接上图 也就是对于 dom进行操作 当你再created中使用 this.$refs时 dom没有加载成功 所以为undefined 所以你要是想获取 1、要么写在mounted中 dom已经加载完成 2、使用this.$nextTick（func
阅读全文
摘要：<script>import { mapState , mapMutations , mapActions , mapGetters } from 'vuex';export default { data(){ return{ } }, computed:{ ...mapState({ counts
阅读全文
摘要：git remote update origin --prune git remote update origin -p
阅读全文
摘要：一、什么是this.$set 为什么要用 怎么用 1、当你发现你给对象加了一个属性，在控制台能打印出来，但是却没有更新到视图上时，也许这个时候就需要用到this.$set（）这个方法了，简单来说this.$set的功能就是解决这个问题的啦。官方解释：向响应式对象中添加一个属性，并确保这个新属性同样是
阅读全文
摘要：当select框内的值变化是 要清空和他有关联的select的值时 我用watch或者再change事件中进行 赋值修改都没办法实现 然后查阅elementUI官网 其实是我方法没用对 当上一级的select选择条件 改变时置空下面的select内的内容 这个要用到官方提供的@change事件或者@
阅读全文
