一. 简述有时候我们需要使用到组件间的传递消息，来达到我们想要效果。比如以下场景，A下包含B1,B2，他们之间可以相互通信。二. 实现方法上面那个图包含两中通信方式，父子通信，兄弟通信。我们首先实现父子通信，其次在实现兄弟通信。2.1 父子通信B1，B2组件定义props属性，来接受父组件传递过来的值。B1，B2想要给A传递消息，需要通过this.$emit函数来传递消息。...

一. 引用步骤npm install svg-sprite-loader -D或yarn add svg-sprite-loader -D在src目录下新建svg文件夹，这里存放所有svg文件。在vue.config.js文件中配置加载svg文件对应svg-sprite-loader规则const path = require('path')function resolve(...

一. 效果图底层使用el-menu菜单组件，项目中要求动态获取菜单树，并且层级不固定。所以就在el-menu组件基础上封装了一下。二. 实现代码SideBar.vue 文件<template><el-aside width="200px" style="background-color: #F3F6F9"><el-menu:...

一. 简述prop使用场景：父组件需要向子组件传递消息的时候，子组件就可以定义prop属性，来接受父组件传递消息。二. 使用方法定义1: 带校验方式指定属性，方便其他人知道传什么类型的值Vue.component('my-test',{props: {course: {type: Object,def...

一.简述vue项目中使用element-ui框架，可以快速开发后台项目。这里我们从一个新vue项目开始，一步一步引入element-ui。二. 步骤初始化vue项目：vue init webpack 项目名加载element-ui：npm install element-ui --save 或者 npm i element-ui -S配置element-ui: 在main.js...

需求：pm要求实现一个记录用户停留这个页面时长，后台记录，通过这些记录总结用户的习惯。比较坑的就是pm又提出了第二个需求，记录页面中某一个图表浏览时长。无语了，第一反应是不可能实现第二个需求。我们系统环境：vue，听到第一个需求的时候，脑子里有一个想法，应该不难实现，就是定时器的功能。第二个需求懵了，想象脑壳疼，挺麻烦的。聪明的我还是奋战几天实现了

一. 概述二. 方案三. 实现步骤

目录1.1 命令行初始化项目1.2 分析项目目录1.3 运行项目1.4 多环境配置打包发布一. vue-cli2 + webpack搭建项目流程以及打包发布流程最近升级到vue-cli3，发现vue-cli2搭建项目命令不能用了，两者搭建开发环境项目内容也发生了变化。vue-cli2搭建项目环境的命令：vue init webpack vue2-webpack-proj...

目录1.命令行初始化项目2. 分析项目目录3. vue.config.js多环境打包配置4. 发布项目5.参考文章1.命令行初始化项目bogon:vue xudanfeng$ vue create vue-cli-projectVue CLI v3.0.2? Please pick a preset: Manually select features? C...

一. 概述使用Visual Studio Code开发工具，多人开发vue项目，为了统一代码格式风格问题，配置格式化文件模板。给我们多人开发提供了很多便利，能快速找到项目中未使用到的方法，变量，多引用的组件。提醒我们及时处理这些多余的代码。二. 使用插件格式化js代码插件：ESLint格式化html、标准css、标准js、vue文件：Vetur区分html，js，css模块不同属性使用...