在实际开发中，有些页面需要登录之后才能访问，采用vue-router+vuex+elememt-ui+axios的方式实现。以下是案列代码：login.vue<template><div class="login"><el-input type="text" v-model="u

在vscode中点击左下角的设置---用户代码片段---输入：vue.json，将以下代码复制保存，然后新建.vue文件，输入：vue，回车即可。可按需自行添加内容。{"Print to console": {"prefix": "vue","body": ["<template>

vue通过自定义指令实现loadMore上拉加载，实现方法：common.js/*** 获取style样式*/export const getStyle = (element, attr, NumberMode = 'int') => {let target;// scrollTop 获取方式不同，没有它不属于style，而且只有doc...

vue正常打包之后一些图片文件很大，使打包体积很大，通过image-webpack-loader插件可将大的图片进行压缩从而缩小打包体积step1：npm install image-webpack-loader --save-devstep2：在build/webpack.base.conf.js中改如下配置module.exports = {module: {...

在router/index.js中添加{path: "/404",name: "notFound",component: notFound}, {path: "*", // 此处需特别注意置于最底部redirect: "/404"} 

在使用vuex时，想直观的查看数据state的变动，用Devtools可实现，但是在Google浏览器中开发调试的时候，右上角出现vue的图标，但是在开发者工具中没有出现vue调试（已在扩展程序中安装 Vue Devtools）vue图标：开发者工具：扩展程序：没显示调试工具的原因是用了生产环境的版本或是压缩的vue版本，或是没有勾选：允许访问文件网址https:...