vue使用线性加载进度条 nprogress.js

官网地址npm 地址安装/引用传统项目直接使用标签引用<script src='nprogress.js'></script> <link rel='stylesheet' href='nprogress.css'/>nodejs 安装   npm/bowerbo
阅读全文

js 延迟指定时间执行

指定延迟 1000毫秒 (js/jquery/vue  都支持)setTimeout(function (){         alert('延迟执行1000');     },"1000");
阅读全文

vue导航栏/公共组件在部分页面显示,部分页面不显示的方法及其原理

场景:1.导航条只在除登录注册以外的页面显示; 2.公共组件在部分页面显示,部分页面不显示。方法:router-view结合$route.meta代码:APP.vue中:<template>   <div id="app">     <div v-if="
阅读全文

vue 添加使用分析工具

分析工具vuecli 2.x自带了分析工具,只要运行 npm run build --report如果是 vuecli 3的话,先安装插件cnpm intall webpack-bundle-analyzer -–save-dev然后新建vue.config.js,对 webpack进行配置:chainWebpack: (config) 
阅读全文

Vue-Element-表格如何获取当前行的 下标 和 数据

<el-table-column   label="操作"   min-width="15%" align="center">   <template slot-scope="scope">  &n
阅读全文

vue中使用localStorage存储信息

一 什么是localStorage对浏览器来说,使用 Web Storage 存储键值对比存储 Cookie 方式更直观,而且容量更大,它包含两种:localStorage 和 sessionStoragesessionStorage(临时存储) :为每一个数据源维持一个存储区域,在浏览器打开期间存在,包括页面重新加载localStorage(长期存储) :与 sessionStorage 一样,
阅读全文

关于 Vue cli 3的配置 vue.config.js 和使用

    vue.config.js 的配置 官方文档:https://cli.vuejs.org/zh/config/#vue-config-js     最近安装了下vue cli3版本,查看链接。 和vue cli2 相比文件目录少了很多配置,没有了build和config目录,那么像vue cli2 之
阅读全文

vue调试工具vue-devtools安装及使用

1.安装(1)到github下载git clone https://github.com/vuejs/vue-devtools(2)在vue-devtools目录下安装依赖包cd vue-devtools cnpm install(3)修改manifest.json文件,把"persistent":false改成true4)编译代码np
阅读全文

Vue-cli相关事项(命令相关)

一:项目添加 vue-resource    1.cmd找到当前项目 输入:npm install vue-resource --save    2.安装完毕后,在main.js中导入,如下所示:        impo
阅读全文

使用vue-cli创建项目(windows版本)

确保 npm node vue-cli 都已经安装好了,安装教程可以在vue分类下查看或者百度cd 到需要创建项目的目录下进行创建项目1.cd 到目录2.vue create 项目名称(别用大写,尽量小写或者使用-)3.  default:默认进行自动创建工程  Manually:进行手动创建4.进行手动选择
阅读全文