摘要：
##去除console.log打印 npm install terser-webpack-plugin -D 然后在vue.config.js里面根据自己的需求配置 ##图片压缩 需要下载image-webpack-loader 然后vue.config.js里面根据自己的需求配置 ##cdn加载资 阅读全文
摘要：
1.面包屑 2.树状图 3.级连选择器 4.表格 5.分页 6.加载动画 7.消息提示 8.布局容器 9.表单校验 1.导航菜单 阅读全文
摘要：
1.tab切换经常使用在新闻类的项目里 用来切换新闻的内容 2.懒加载 3.复选框用在购物车页面 4.走马灯 5.卡片 用在渲染已经加入购物车的商品 6.宫格 用来渲染分类的快速进入页 7.sku 商品规格选择 8.地址选择 收货地址选择可以用到 9.轻提示 10.下拉刷新,上拉加载 阅读全文
摘要：
因为我用的是vue脚手架3开发的项目 因为vue脚手架3是没有webpake的一些配置文件的 所以我需要在项目根目录下创建一个 vue.config.js文件来配置webpake 打包 我首先需要配置一下静态资源路径publicPath 我们要把路径指向当前文件路径进行打包, 如果不指定的话我们打包 阅读全文
摘要：
##keep-alive是什么 是Vue的内置组件，能在组件切换过程中将状态保留在内存中，取消组件的销毁函数，防止重复渲染DOM。 ##业务中的使用 像我在写修漾国际这个项目的时候,没有使用keep-alive的时候,点击列表进入详情页 返回的时候,并不会返回在点击商品的位置 他会返回到顶部,所以这 阅读全文
摘要：
如果data是一个函数的话，这样每复用一次组件，就会返回一份新的data，让各个组件拥有各自的数据。而单纯的写成对象形式，就使得所有组件实例共用了一份data，就会造成一个变了全都会变的结果。 阅读全文
摘要：
key的作用主要是为了高效的更新虚拟DOM。另外vue中在使用v-for时，也会使用到key属性，其目的也是为了让vue可以区分它们， ##使用场景 像我在使用v-for时就会用到key,key的作用主要还是用来区分他们,让每个元素都有各自的身份来区分他们 阅读全文
摘要：
###作用: axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。 ####axios 一般我会在项目的src目录中，新建一个network文件夹,作为我们的网络请求模块， 然后在里面新建一个http.js和一个api.js文件和一个reques.js。h 阅读全文
摘要：
路由懒加载也叫延迟加载,因为vue是单页面应用,webpake打包后,文件会很大所以启动的时候打开首页,资源过多可能会出现 白屏的状况,影响用户体验,这时我们就需要用到路由懒加载,这样就可以按需加载页面,提高用户体验 //最流行的写法，es6语法 import Vue from 'vue' impo 阅读全文
摘要：
##vue路由拦截 ###首先路由拦截分为三种 ####1.全局路由守卫 全局路由守卫分为两个 前置路由守卫 router.beforeEach((to,from,next)=>) 后置路由后卫router.afterEach((to,from,next)=>) #####概念: 所谓全局路由守卫， 阅读全文
摘要：
##前端路由概念 通过改变 URL，在不重新请求页面的情况下，更新页面视图。 ####Hash — 默认值，利用 URL 中的hash("#") 、 ####history-- 利用URL中的路径（/home） ####如何设置路由模式: const router=new VueRouter({ m 阅读全文
摘要：
####1、父传递子如何传递 在父组件中给子组件标签上绑定一个属性， 属性上挂载需要传递的值 在子组件通过props:[“自定义属性名”]来接收数据 ####2、子传递父如何传递 在父组件中给子组件标签绑定一个自定义事件，给这个事件挂载需要调用的方法 在子组件的方法通过this.$emit(‘自定义 阅读全文
摘要：
##var 1.如果用var声明一个变量在函数内就只在函数内生效, 如果在函数外就变成了全局生效 2.如果在声明变量时省略var 的话 就会变成全局变量,如果全局变量中 已经有这个变量就会更新这个变量的值这就叫变量提升 注意: 1.var声明的变量存在提升, 2.注意只有变量声明才会提升，对变量赋值 阅读全文
摘要：
##什么是解构赋值？ ####特点 解构赋值就是提取数组和对象中的值赋值给变量这就是解构赋值 解构赋值就是对js赋值运算符的扩展 ####好处 他的好处就是可以快速让我们在复杂的数组或者对象中拿到我们想要的数据 ####注意 需要注意定义和赋值必须放到一起,不然会报错,取不到数据 阅读全文
摘要：
一、箭头函数是匿名函数，不能作为构造函数，不能使用new 二、箭头函数不用绑定this，他会捕获所在的上下文的this值，作为自己的this值 三、箭头函数通过 call() 或 apply() 方法调用一个函数时，只传入了一个参数，对 this 并没有影响。 四、箭头函数没有原型属性 阅读全文