在vue组件化开发项目中，Echarts的使用是很频繁的，但是具体是怎么使用呢？下面做一下简单的介绍：第1步：安装Echartsnpm install echarts --save第2步：设置指定的容器，用于显示图标信息<!-- 统计图容器 --><div ref="myChart" style="width: 100%;height: 270px;"&gt...

媒体查询调试工具在PC端样式设置完毕之后，我们需要适配移动端。首先，我们选择的设备类型不是某一种设备，而是responsive。另外，我们可以打开标签和媒体查询，如下图：代码位置媒体查询的代码为止，并没有明确的规定。根据个人的习惯的不同，位置很灵活。但是，为了代码维护的方便性，我们建议，代码放置到对应外层容器标签css样式的最下方。单位选择在进行响应式网站设计的时候，媒...

assets与static的区别相同点：资源在html中使用，都是可以的。不同点：使用assets下面的资源，在js中使用的话，路径要经过webpack中file-loader编译，路径不能直接写。assets中的文件会经过webpack打包，重新编译，推荐该方式。而static中的文件，不会经过编译。项目在经过打包后，会生成dist文件夹，static中的文件只是复制一遍而已。简单来说，stat

目录1. vue-cli3关闭es6语法检查2.no-dupe-keys 语法检查报错3. iview admin中项目名修改4. vue-cli3 跨域配置在我们编码的时候，接触新的东西，往往会遇见一些小小的问题，令人头疼。1. vue-cli3关闭es6语法检查方法：在 vue.config.js 中，设置 lintOnSave: false；2.no-du...

数据列表分页处理在数据分类中，每页仅能显示8种具体的分类。当超出8种是自动出现第二页，同时，所有的页具有轮播效果。如图：具体代码如下：html文件<div class="icons"><swiper><swiper-slide v-for="(page,index) of pages" :

项目打包上线1、在项目终端中运行以下命令npm run build2、此后，项目会增加dist文件夹，该目录代码就是最终要上线的代码。3、复制dist文件夹，交于后台开发人员，将代码放到后端的服务器上。4、放置在后端的根目录下，也可以放置在指定的目录下。如果要放置在指定的目录下，我们需要在前端的config/index.js文件中做如下配置：build: {i...

Vue-Cli3.0创建项目一、基础知识（1）使用Vue UI创建、管理项目（2）项目结构目录整理（3）初始文件添加（4）基本配置讲解（5）跨域配置二、使用Vue UI创建、管理项目1、首先安装vue-cli3.02、终端运行vue uiVue UI界面介绍Projects：表示vue项目Create：表示创建vue项目Import：表示...

使用Vuex实现数据数据共享City与Home组件没有公共父级组件，要实现共有数据分享，可以借助Vuex。Vuex基础知识Vuex是什么呢？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。通俗理解：当一个项目中，各个页面（多个组件）之间进行复杂的数据传值很困难的时候，...

vue项目接口的联调与真机测试vue项目接口的联调当前端的代码编写完毕，后端的接口也已经也编写完毕的时候，我们此时便需要进行接口联调，将模拟的数据替换为真实的后端接口。vue项目中进行接口联调的步骤：1、删除之前的模拟数据，即static/mock下的所有json文件。2、修改config/index.js中的proxyTable内容，重启项目。proxyTa...

利用vue-cli搭建项目步骤准备步骤包括1、安装node.js，运行 node -v 检查版本，运行 npm -v 检查版本；2、安装webpack，运行 npm install webpack -g 运行 webpack -v 检查版本第一步：全局安装vue-cli做法：在终端运行 npm insall --global vue-cli第二步：在终端输入 cd空格，并将新建的文件夹（将来保存工