qq_39075021的博客

在Vue项目开发中，经常需要import或者export各种模块，当一个页面中组件很多时，我们可能会这样引入组件：import A from 'components/A.vue'import B from 'components/B.vue'import C from 'components/C.vue'import D from 'components/D.vue'要是每加一个组件，都要写这么一句 import ，那岂不是很蛋疼，是否可以通过自动化引入呢？答案是肯定有的，那就要使用 webpa

用 Vue.js + Vue Router创建单页应用，是非常简单的。使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当你要把Vue Router 添加进来，我们需要做的是，将组件 components 映射到路由 routes，然后告诉 Vue Router 在哪里渲染它们。1、简单使用首先在入口 main.js 文件中引入路由//使用模块化机制编程，导入Vue和VueR...

平时在项目中实现数据可视化，可以使用百度的开源图表库echarts，根据项目需求来绘制生成各种类型的图表，那么在Vue中如何引入echarts并封装成组件调用呢？目录：1. 安装echarts2. 全局引入3. 按需引入4. 参考文档1. 安装echarts因为通过vue-echarts按需引入时，一些组件模块（如折线图、柱状图，提示框和标题组件等）需要依赖已经包含所有图表和组...

为了学习和理解webpack解决了前端的哪些痛点，还是有必要从零开始自己搭建一个简单的开发环境，此教程适合刚接触webpack的新手学习。1. 安装node依赖环境2. 初始化项目3. 安装webpack4. 创建webpack.config.js5. 配置webpack.config.js1. 安装node依赖环境首先webpack基于node环境运行，所以事先请自行安装no...

为了兼容各大主浏览器，当我们在编写CSS相关属性的时候，需要添加兼容各浏览器的前缀，但是自己动手非常耗时、影响工作效率，所以就需要通过webpack帮我们自动处理。比如使用display的flex属性：div { display: flex}而我们的需求是：div { display: -webkit-box; display: -webkit-flex; displ...