vue项目开启gzip自拍压缩和部署 nginx开启gzip优化性能第一步，在vue项目中安装依赖并将productionGzip改为true，开启Gzip压缩：npm install --save-dev compression-webpack-plugin第二步，运行 npm run build打包项目，这时可能会报错，提示ValidationError: Compression ...

mounted () {window.addEventListener('resize', () => {if (document.body.clientWidth < 900) {this.tabposition = 'top'} else {this.tabposition = 'left'}})}补充：最好是将监听后对应的操作函数封装起来...

父子组件的通信请查看这篇博文此文主要介绍兄弟组件间的通信所有组件通信方式请查看这篇博文第一种：eventbus创建bus.jsexport default(Vue) => {const eventBus = new Vue()Vue.prototype.$bus = {$on (...param) {eventBus.$on(...p...

assets：在项目编译的过程中会被webpack处理解析为模块依赖，只支持相对路径的形式，如< img src=”./logo.png”>和background:url(./logo.png),”./logo.png”是相对资源路径，将有webpack解析为模块依赖static：在这个目录下文件不会被webpack处理，简单就是说存放第三方文件的地方，不会被webpack解析。他..

1.安装element-ui库npm i element-ui -S2.在启动文件中配置import{DatePicker}from'element-ui';import'element-ui/lib/theme-chalk/index.css';Vue.use(DatePicker);3.在页面中使用<el-date-pickerv-model="value1"type="daterang

组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系：如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。针对不同的使用场景，如何选择行之有效的通信方式？这是我们所要探讨的主题。本文总结了vue组件间通信的几种方式，如pro...

<a-form-itemlabel="手机号码":label-col="{ span: 8 }":wrapper-col="{ span: 16 }"><a-inputv-de...

按照ant design vue官方说明，使用日期选择器需要在入口文件(main.js)全局设置语言：// 默认语言为 en-US，如果你需要设置其他语言，推荐在入口文件全局设置 localeimport moment from 'moment';import 'moment/locale/zh-cn';moment.locale('zh-cn');<a-date-picke...

结构：<a-tree-select:dropdownStyle="{ maxHeight: '400px', overflow: 'auto' }":getPopupContainer="(triggerNode) => triggerNode.parentNode":loadD...

vue中局部组件刷新，可以使用provide / inject方法，在App.vue中添加刷新方法，路由初始状态是显示的<template><router-view v-if="isRouterAlive"></router-view></template><script>export default {...